How to insert an image in a screen frame

The steps to add an image in a screen frame using the image tool in the template editor

To find out how to access the zone template editor, click here.

1. Select the image tool

The image tool is located on the top left of the zone template editor. You can drag the box to the desired location and increase or decrease its size, either with the mouse or manually if you want to be more precise.

2. Configure your image

Alignment

The three fields to the right of the resolution let you indicate how the tool image will manage the content should the selected image not match the size settings you have indicated for the zone template. If you insert an image with the same resolution or ratio, it will occupy the entire allotted space. You can specify the horizontal and vertical alignment as well as the method to be used to resize the image as needed.

Configure the content

Double-click the tool in the zone template. This will open the data configuration window. Data may be static or configurable.

Static option

The static option lets you indicate which image will be displayed. When you use this template, the image cannot be changed. 

Configurable option (advanced option)

The configurable option lets you determine which image to display when this template is added to the screen. When you use this option, you need to indicate which type of information will be shown by the image tool by adding a definition for this field. The type of data that can be added depends on the selected settings. If you pick “Image,” users will be able to add images. If you select “Video,” they will be able to add videos.