Image

An Image component is a visual representation or depiction of an object, scene, concept, or idea. It plays a vital role in conveying information and enhancing the overall user experience.

Image Properties


Section


Property


Function


 

ID

The unique ID or name of the component.

 

Caption

Adds an optional caption at the bottom of the image

 

Alt text

Alternative text is meant to convey the “why” of the image. It also displays on the page if the image fails to load.

Layout

Width

Sets the width of the image, minimum value is 1 and maximum is 12(Full).

Behavior

Visibility logic

Defines when the component is visible

  • None - always visible

  • Only visible when - only visible when the set condition is met

  • Not visible when - not visible when the set condition is met

Styling

Proportion

Sets image proportion:

  • Auto

  • 1:1

  • 3:2

  • 4:3

  • 16:9

  • 18:6

  • 21:9

 

Scaling

Sets the scale of the image:

  • Fill

  • Fit

Data

Source

Sets the image source