Kentico CMS 7.0 Controls

Getting started

Getting started

Previous topic Next topic Mail us feedback on this topic!  

Getting started

Previous topic Next topic JavaScript is required for the print function Mail us feedback on this topic!  

The following is a step-by-step tutorial that will show you how to display a region which can be used to select and display images using the CMSEditableImage control:

 

1. Create a new Web form in your website installation directory under the CMSTemplates/CorporateSite folder and check the Select master page box.

 

2. The Select a Master Page dialog appears. Choose the folder CMSTemplates/CorporateSite and choose the root.master file and click OK..

 

3. Follow the remaining steps of the guide found in the Using ASPX page templates topic.

 

4. Switch to the Design tab and drag and drop a CMSEditableImage control from the toolbox onto the form and set its ImageTitle property to Image Example.

 

5. Switch to the Source tab. The code of the CMSEditableImage control should look like this:

 

<cms:CMSEditableImage ID="CMSEditableImage1" runat="server" ImageTitle="Image Example" />

 

It's not necessary to add the CMSPageManager control onto the web form, as there is already a CMSPortalManager control on the root.master master page.

 

6. Save the changes to the web form. Now if you look at the page using the created template on some website, it will display an image selection dialog in the Edit mode of CMS Desk similar to the following:
 

controls_clip0058

 

Now if you select an image and press the Save button, the image will be displayed on the live site version of the page without the selection dialog.