Adding an image

You can add one or more images to the Banner Area and the Main Area of a dynamic page when the page is in Edit mode.

To add an image:

  1. From the Dynamic Pages list, select a page. The Actions toolbar is displayed.
  2. Click Edit on the Actions toolbar to open the dynamic page in Edit mode.
  3. Expand the Banner Area or the Main Area where you want the image to be displayed.
  4. From the Quick add section, drag and drop the Image component to the destination area.
    Alternatively, you can click Add Component to display a dialog box from which you can add the Image component to the destination area.
  5. Click the settings icon to display the Edit Settings dialog box. Specify a title for the image. Optionally, add translations for the image title and assign the image an icon. You can customize the sizing and background for the selected icon. Click Save.
  6. If the Image component is not expanded, click the expand icon to display the detailed view, and click Add Image to display the Add Image dialog box. Define the image as required:
    1. On the Basic tab, specify the URL where the image is stored, and specify how the image should be aligned in the designated area.
    2. On the Permissions tab, select the appropriate security roles to limit the display of the image by the defined configurations.
    3. Click Save.
  7. Click Preview on the toolbar to preview the image on the dynamic page. Click Preview As to preview the dynamic page by security role.