Image Component

Image component boards

The image component inserts an image that you have added as a resource to the board.

This component is supported in the Input and Display views.

Settings

Inage component Settings

The following settings are available.

Image settings fields
Field Description Procedure

Board Resource

Name of the image file that has already been added to the board.

Select the image file. See Add a Resource to a Board for details.

Width

Width of the image on the board.

Enter a width for the image.

Height Height of the image on the board. Enter a height for the image
Force Aspect Ratio Setting to control the dimensions of an image, ensuring that it maintains a specific width-to-height ratio regardless of the size changes. Select the checkbox to enable the option.

Icons

Tool icons and descriptions

Icon Name Description Procedure
Settings Icon

Settings

Displays the settings window, in which you can modify the title text and conditional settings.

  1. In Design mode, click the component on the canvas. A toolbar appears on the top right.

  2. Click the Settings icon.

  3. Modify the fields as needed. See Add Board Components.

  4. Click Done.

Move Icon

Move

Moves the component to another position on the board.

This option is useful with touch pages. If you are not using a touch page, you can drag the component to its new location.

 
Copy Icon

Copy

Copies the current component and its settings and pastes it after the current component.

  1. In Design mode, click the component on the canvas. A toolbar appears on the top right.

  2. Click the icon.

  3. In the settings window, modify the details, as needed.

  4. Click Done. The new component is inserted after the original component.

Delete Icon

Delete

Deletes the current component.

Click the Delete icon.