Multiple selection dropdown

Use multiple selection dropdown lists in the Custom UI widget

Input combo type dropdown.checkbox

Displays a drop-down menu that lets users select multiple options.

Usage example

<form>
    <inputcombo
        type='dropdown.checkbox'
        id='devices_from_list'
        label="Select multiple options"
        description="Select multiple devices to send data"
        placeholder='Choose multiple options'
        value="dev_1,dev_2"
    >
        <menu>
            <item id='dev_1'>device 1</item>
            <item id='dev_2'>device 2</item>
            <item id='dev_3'>device 3</item>
            <item id='dev_4'>device 4</item>
        </menu>
    </inputcombo>
</form>

Properties

• id: Unique identifier for this field

• label: Header text

• description: Short descriptive text

• placeholder: Placeholder text

• shape: Used to align the label and the input field. Allowed values:

  • compactVertical

  • wideVertical

  • wideHorizontal

• value: Sets default values from the defined menu items. These values must match the id of one or more menu options. Otherwise, no default value is set and the placeholder is displayed. To set multiple default values, use the format dev_1,dev_2, with options separated by commas and no spaces.

Option properties

id: Unique identifier for the selected value.