Add an image to a tile - Fluid Topics - 4.3

Fluid Topics Configuration and Administration Guide

Category
Reference Guides
Audience
public
Version
Latest

It is possible to add an image to a tile. The image can be hosted on the web or stored on the user's disk.

For all images, the first step is to select the Insert/Edit Image button in the Content editor section of the Create tile drawer to open the Insert/Edit Image window as follows:

Insert edit image Homepage tile

The next steps depend on whether the image is from the web or a disk.

Add an image from the web

To add an image from the web, define each field of the Insert/Edit Image window as follows:

  • Source: expects the URL to access the image file.

  • Alternative description: expects an alternative text for the image. It replaces the image if it cannot be displayed.

  • Width and Height: When adding the URL, the dimensions are automatically filled in with the original width and height of the image in pixels. New dimensions can be assigned if needed. By default, a lock icon indicates that Fluid Topics keeps the values proportional when resizing. Users can select the lock icon to define dimensions that are not proportional.

Add an image from a disk

To add an image from a disk, define each field of the Insert/Edit Image window as follows:

  • Source: expects the Base64 string representation of the image file. It is possible to generate this representation by using a tool such as https://www.base64-image.de/.

  • Alternative description: expects an alternative text for the image. It replaces the image if it cannot be displayed.

  • Width and Height: When adding the URL, the dimensions are automatically filled in with the original width and height of the image in pixels. New dimensions can be assigned if needed. By default, a lock icon indicates that Fluid Topics keeps the values proportional when resizing. Users can select the lock icon to define dimensions that are not proportional.