Multiselect dropdown list
The Multi-Select Dropdown List allows users to select multiple options from a collapsible list in a compact interface. Each option is presented with a checkbox, and a "Select all" option can be included for quick selection or deselection of all items. Selected values are displayed in the dropdown header, making it easy to review and modify choices without leaving the current view. This widget is ideal for filtering, bulk actions, or any scenario where multiple selections are required.


Properties
DataSource
List, Filter
The list containing the option items.
OptionLabel
Text
Label used for the options.
JsonOptionIdOutput
Text field
Field used to store selected options in json format.
["ID1","ID2", ID3]
Behavior
Dropdown
Event triggered when a item is selected.
Select All Options
Boolean
True value includes a select all option as first item. Using this will select every item.
numberOfOptionsDisplayed
Number
Amount of options shown in the button label. More items selected will result in a count of items as label.
ButtonContext
Dropdown
Button context style from bootstrap options
Last updated
Was this helpful?