Image

Select an image.

If the image you want to add to the page is not in the file manager yet, upload it first and then select.

Supported image extensions are PNG, JPG, GIF.

Enter an image alt text.

Alt (alternative) text is used to describe the appearance and function of an image on a page.

Visually impaired users using screen readers can read an alt text to better understand what is shown on the image.

Use this option to change the size of an image. The following image scaling options are available:

• Based on width - the image is automatically scaled based on the column width.

• Based on height - the image is automatically scaled based on the height set for the Image content element on the Advanced tab.

• Do not scale - the image is shown in its original size in the column. If the size of an image is smaller or bigger than the size of the column, it might not look good. That is why it is recommended to use images of the appropriate size.

Select the image style. The following image shapes are available:

• Default (as it is)

• Rounded

If you show the border, you can change its color using the color picker or by entering the color hex code, RGB or HSL values.

The border style sets the line style for all four sides of a border. You can show or hide the border. If you do not want to show the border, select None.

The border can be:

• Solid

• Dashed

• Dotted

• Double

Each border has a width in pixels that you can change individually or specify the same width for all borders.

There are settings for specifying the border width for each side:

• t – top border

• r – right border

• b – bottom border

• l – left border

Each border has a corner radius in pixels that you can change individually or specify the same radius for all corners.

There are settings for specifying each corner radius individually:

• tl – top left corner radius

• tr – top right corner radius

• br – bottom right corner radius

• bl – bottom left corner radius

Select the image behavior. The following options are available:

• None – no page is linked to the image.

• Open in overlay – when you click on the image in the Sana webstore, the full-size image opens in a pop-up.

• Add image link – using this option you can link the internal webstore page or external website to the image.

Clicking on the image will open the linked page.


To add a link to the internal webstore page, you can search for it by title or URL.

If you add an external URL, specify the full URL of the page.

You can also create a blank page that will be automatically linked to the image. You can manage this page later.