Conceptset Image Selector
Last updated
Last updated
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.
| 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). |
Behavior
| Property Name | Datatype | Description |
|---|---|---|
Refresh screen | dropdown | When 'Yes' the screen will be refreshed after toggling one of the options. |
Appearance
| Property Name | Datatype | Description |
|---|---|---|
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). |
Note that when both 'Width' and 'Height' properties are not set, the widget will automatically determine the size.
