Image

To add an image to your column structures, complete the following steps

  1. Drag and drop the image widget to the column structure. You can drag and drop the image widget to the same column structure where you have dropped the Text widget. A default image appears.
  2. Click CHANGE image.
  3. Under Settings, under Upload details, click Browse to select the image from Content Picker or under Source, specify the URL of the image that you want to display.

IF you click Browse to select the image, under Select repository list, select the appropriate repository.

Note: Along with Deliver Content, you can configure and use any external content management system to pick your image files. If you do not have a content management system, you must save your image files in the Deliver Content.

  1. Under Folder List, select the image file. You can also search for the image by providing the name of the image under Search for Content. The thumbnails for the image display.
  2. Review the image and click Done.
  3. Under Settings, expand Sizes to provide the following information.
    • You can disable Auto, if you want to change the alignment of the image and specify width and height in pixels under Width and Height. By default, Auto is disabled.
  4. Under Attributes, provide the following information.
    • Title: Provide the title.
    • Align: Choose the alignment.
    • Link: Provide a hyperlink you want to provide on clicking the image.
  5. Expand Border. The following controls are available.
    • Width: Provide the width of the border you want.
    • Radius: Provide a value to set a circular border.
    • Style: Choose an appropriate style for the border.
    • Color: Choose an appropriate color for the border.
  6. Expand Padding and provide a value under Top, Right, Bottom, and Left to adjust the size of the selected image.
  7. To set an image in the background of the message, hover through the boundary of the message being designed. Click the pink line. Under Settings, perform the following substeps. Expand Background and specify the following information.
    1. By default, Transparent is disabled for background. Enable it, if you want to set the background of the URL box in your column structure as transparent.
    2. Select the Color Bar to choose an appropriate color for the background of the URL in your column structure.
    3. You can choose a background image using the following option.
      • Under Source, provide the link of the image you want to set as background. Provide appropriate width, height. You can disable Auto, if you want to change the alignment of the image and specify width and height in pixels under Width and Height.
        Note: If you have selected Auto option, the image renders in the original size of the image and if you have selected any specific width and height of image, the image renders in the selected size.