Dropdown

Dropdown widgets let the application user select items, for example to set a filter. To enable user interaction, you need to add a script to the onSelect event of the dropdown. The script is triggered when the application user selects an item in the dropdown widget.

The dropdown widget has the following specific properties:

Property

Property Value

Property Description

Name

String

Defines the unique name of a dropdown. If you do not enter a name, the system takes the default name (for example Dropdown_1).

Tooltip

String

Specifies the tooltip text.

Dropdown Style Properties

Property

Property Value

Property Description

Border

color

Specifies the border color of the dropdown.

Background

color

Specifies the background color of the dropdown.

Dropdown Menu Style Properties
Property Property Value Property Description
Selected color Specifies the color of the selected options in the dropdown list.
Hover color Specifies the color of the options in the dropdown list when mouse hovers.
Down color Specifies the color of the options in the dropdown list when clicking and choosing it with the mouse.
Dropdown Properties Located in the Builder Panel

Property

Property Value

Property Description

Value

list of values

With the value property, you can add values, change the order of values, or remove them. Each value has the following properties:
  • value

  • text (optional)

    If you enter a text for a value, the text is displayed. If no text is entered, the value is displayed.

If you want a specific value to be displayed by default, select the relevant value and mark it as Default. This is shown as the default entry in the dropdown.