CMSEditableImage

The CMSEditableImage control provides an editable region that allows content editors to add and display an image.

• The control provides an image selection interface on the Page tab of the Pages application and when viewed in on-site editing mode.
• On the live site, the control displays the selected image without the editing interface.

Getting started

The following tutorial shows how to use the CMSEditableImage control to create a region where users can select and display images:

1. Create a new ASPX page template (with a master page).

2. Select the CMSTemplates/CorporateSite/root.master file as the web form’s master page.

   • The default master page contains the required CMSPortalManager control.

3. In Visual Studio, drag the CMSEditableImage control from the toolbox onto the page template’s form.

4. Set the control’s ImageTitle property to: Image Example

   Copy

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

5. Create a page based on the template in the Kentico administration interface.

The control displays an image selection dialog in the Edit mode of the Pages application.

If you select an image and click Save, the control displays the given image on the live version of the page.

Configuration

You can set the following properties for the CMSEditableImage control: