Multiple selection dropdown

Use multiple selection dropdown list in Custom UI Widget

Input combo type dropdown.checkbox

Displays a drop-down menu that allows selecting 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'
    >
        <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 to access this field's data

• label: Header text

• description: Short descriptive text

• placeholder: Placeholder value

• shape: Used to align the label and the input field. Its allowed values are

  • compactVertical

  • wideVertical

  • wideHorizontal

Option's properties

item: Option's value