Conceptset Image Selector

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.

Properties

General

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.