Don't miss out Virtual Happy Hour this Friday (April 26).

Try our conversational search powered by Generative AI!

Code sharing : EPiImage and EPiImageGallery properties to work on EpiServer 7.1 (using dojo)

Vote:
 

Hello guys,

In one of my daily project using EPiServer 7 , I came across the need to use Image Gallery Property. Since the popular well-written MakingWaves EPiImageGallery property was used heavilly on projects, I have decided to use some of my personal time to shift it on to EPI Server 7, and using dojo instead of the old school jquery controls. I have got all the basic functionalities working , however I still need to find time to add more fancy dance functionalities like drag drop from FIle Management , or make the buttons and icons look better... So I thought I would share this opened with you guys so that anyone could contribute to it. My properties class are heavily based on the classes from Making Waves guys, so there shouldn't be any trouble when you guys switch to these new properties. 

The properties are made to be able to work on both blocks and pages, so use it freely as you wish. 

I uploaded the code to github together with how-to-use guide at:

https://github.com/tuanvt/EPiImage-7.1

I made a screen cast of how the properties works  at: 

http://www.screenr.com/avV7

Since the new release of 7.1 , I made this to work with EPiServer 7.1 now.

To make it to work on EPiServer 7 instead of 7.1, please revert the dojo codes on my scripts and html template according to this release note http://world.episerver.com/Documentation/Items/Release-Notes/EPiServer-CMS/EPiServer-7/Release-Notes--EPiServer-7-1-CMS/

 Hope this helps a little. 

Happy coding !!!

#71038
May 07, 2013 17:38
Vote:
 

is it webform only?

#71079
May 08, 2013 13:59
Vote:
 

Nope, All my EPI Server 7 projects are MVC, haven't actually tried this on web form yet. The properties just use dojo for client ui, and Rest Store for the server side.

#71081
May 08, 2013 17:27
Vote:
 

Well done!

#71089
May 09, 2013 10:14
Vote:
 

Hi Tuan, thanks for the good work :)

I had some issues using the pluing in a 7.1 mvc site. None of the .js files was able to load due to a missing plugin or type error in the netcap app section in the js files.

"app/RequireModule!App"

 

After changing it to "epiimage/RequireModule!App" everything works as expected.

 

#74991
Sep 13, 2013 11:39
Vote:
 

HI Simen,


Great find, i didn't check it throughly, I guess it was working for me because I mapped the app namespace on my module.config. Will update the source code now.

I have added a few fixes recently to the source code, with new attribute title for the image, and to auto save propety when changing image property.

Thanks

#75025
Edited, Sep 16, 2013 9:30
Vote:
 
#75033
Edited, Sep 16, 2013 12:19
Vote:
 

Hi Tuan,

Thanks! this is just what I needed. As Simen noted I did have to modify a few things to get it going.

1) Rename "app/RequireModule!App" to "epiimage/RequireModule!App" in EPiImage.js, EPiImageGallery.js and EPiImageInfoForm.js
2) Also had to rename "epi.cms.widgets.base" to "epi-cms.widgets.base" as mentioned by Ben McKernan in http://world.episerver.com/Modules/Forum/Pages/Thread.aspx?id=70125

Hope this helps if anyone else gets stuck

#75062
Edited, Sep 17, 2013 6:54
Vote:
 

Thanks Jason, 

I will get the code on github updated with this. Great to hear that this is helping you guys as well. 

Note: Github is now fully up to date with fixes

 

#75070
Edited, Sep 17, 2013 9:21
This thread is locked and should be used for reference only. Please use the Episerver CMS 7 and earlier versions forum to open new discussions.
* You are NOT allowed to include any hyperlinks in the post because your account hasn't associated to your company. User profile should be updated.