Skip to main content

Image Choice

The Image Choice control serves as a selection interface providing visual representations for item selection, enabling users to choose from a list and store the respective text linked to the chosen image in the associated bound column.

Image Choice Control
Image Choice Control

Properties

PropertyDescription
MagnifyFunction to zoom in on images in the Image Choice control.
Border ColorSets the color of the border for images in the selection list.
Background ColorDefines the background color for the Image Choice control.
Image Background ColorConfigures the background color of the images displayed in the control.
Image HeightSpecifies the height of the images within the Image Choice control.
Border RadiusSets the roundness of the corners of the images in the Image Choice control.
Image FitConfigures the fitting method for images displayed: contain, cover, fill, or none.
Selection TypeDefines the selection type of the Image Choice control, such as Single Select.
TextConfigures the text size, weight, color, and alignment for the text associated with the images.

Layout on device

This pertains to the layout of the Image Choice control concerning different devices. Here, the numerical values indicate a grid or layout system that is applied to each type of device orientation, specifying the relative size or layout space that the control would occupy within the device screen.

Image data

PropertyDescription
TextRefer to the display text associated with an image.
Select ImageChoose the image you want to put in the control from here
SelectedThe image option can be made selected by default if toggled ON

Control Outputs

The outputs from the Image Choice control, represented by the placeholder {{imagechoice}}, can be referenced in other controls, data queries, or JavaScript functions using the control's unique name.

OutputDescription
imagechoiceRepresents the selected value from the Image Choice control linked to the chosen image.

Events

TriggerDescription
value_selectOccurs when there is a change in the value of the respective control, typically triggered by selecting another option or inputting a new value.