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:
I made a screen cast of how the properties works at:
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 !!!
is it webform only?
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.
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.
After changing it to "epiimage/RequireModule!App" everything works as expected.
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.
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.js2) 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
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