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

EPiImage custom property for EPiServer 7.1
https://github.com/tuanvt/EPiImage-7.1

Last synced: 2 months ago
JSON representation

EPiImage custom property for EPiServer 7.1

• Host: GitHub
• URL: https://github.com/tuanvt/EPiImage-7.1
• Owner: tuanvt
• Created: 2013-05-07T04:58:05.000Z (about 11 years ago)
• Default Branch: master
• Last Pushed: 2015-11-05T02:37:48.000Z (over 8 years ago)
• Last Synced: 2024-01-29T11:36:40.613Z (5 months ago)
• Language: JavaScript
• Homepage:
• Size: 1.81 MB
• Stars: 4
• Watchers: 3
• Forks: 5
• Open Issues: 3
• Metadata Files:
  • Readme: readme.txt

Lists

• awesome-EPiServer - :octocat: EPiImage

README

        
Note: This is a side project that I do to help moving MakingWaves EPiImage property from CMS6 to work on CMS 7, hence all the properties values are still stayed on the same forward, just the editing controls are now dojo based instead of jquery.

The latest updates have available versions for both EPiServer 7.1 & EPiServer 7.5 and above

Guide to setup the image property and image gallery 

1. First, add EPiImage.dll from [bin Folder] to your reference

2. Then copy the folder EPiImage under ClientResources to your ClientResources folder.

3. Modify your module.config to have the following things:

    

	    

        

        

    

  

    

        

        

    

    

        

        

            

            

        

    

  

    

      

    

  

1. Fist block,add assembly to generate the url for EpiImageStore, which is declared as a Rest Store, to get the file info from the server back to the client.

2. Second block, the client resources are for module initializer, and css that will be used for our properties.

3. Third block, the dojo module is to define the namespace for Scripts folder that will be used for EPI Image/Gallery client editor.

TO USE THE PROPERTY:

Example using the single image property:

		[Display(GroupName = SystemTabNames.Content, Order = 20)]

        [UIHint("EPiImage")]

        [BackingType(typeof(EPiImageProperty))]

        public virtual EPiImagePropertyData Image { get; set; }

Example using the image gallery property

		[UIHint(Constants.EPiImageGalleryUiHint)]

        [BackingType(typeof(EPiImageGalleryProperty))]

        [Display(GroupName = SystemTabNames.Content, Order = 20)]

		public virtual EPiImageGalleryImageCollection Images { get; set; }

The UIHint and BackingType are required for this to work.

A demo screencast of how properties work is at:

http://www.screencast.com/t/IPVCO5OmPtPU