The conceptset image selector widget allows you to make a selection in a set of concepts. This works by using a multi-select field and shows the images added to the concept properties.
Behavior
Appearance
Note that when both 'Width' and 'Height' properties are not set, the widget will automatically determine the size.
Last updated
| Property Name | Datatype | Description |
|---|---|---|
| Property Name | Datatype | Description |
|---|---|---|
| Property Name | Datatype | Description |
|---|---|---|
Concept set field
multi select, datafield
This widget uses a set of concepts. A toggle option with image is displayed for each concept of the provided concept set. The user can select one or more concepts of the 'multi select' datafield.
Image
image, expression
Provide the image for each option of the multi select (concept set).
Label
text, expression
Provide the label text for each option of the multi select (concept set).
Refresh screen
dropdown
When 'Yes' the screen will be refreshed after toggling one of the options.
Label position
dropdown
Display the label text above or below the image.
Background color
dropdown
Changes the label background color of selected concepts using Bootstrap contexts such as "success", "warning" and "danger".
Width
number
Changes the width of each option in pixels (both image and label).
Height
number
Changes the height of each option in pixels (only image). By default the height is based on the provided image and selected width (keeping aspect ratio).
