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

Property
Type
Description

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?