Dropdown

Use dropdown lists in the Custom UI widget

Input combo type dropdown.list

Displays a drop-down menu that lets users select one option.

Usage example

<form>
    <inputcombo
        type='dropdown.list'
        id='variable_from_list'
        label="Select a variable"
        description="Select a common variable from all devices"
        placeholder='Choose an option'
        value="temperature"
    >
       <menu>
            <item id='temperature'>Temperature</item>
	    <item id='humidity'>Humidity</item>
	    <item id='iluminance'>Iluminance</item>
	    <item id='magnetic_flux'>Magnetic flux</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 a default value from the defined menu items. This value must match the id of one menu option. Otherwise, no default value is set and the placeholder is displayed.

Option properties

id: Unique identifier for the selected value.