Dropdown
Allows for multi-select, search, and select values.
Use this widget to select between multiple choices, search through a large list of choices, perform multiple selections, include a header, etc. For a simpler version, use a standard Dropdown.
Operations Hub New Layout | Refer to Visuals Tab for more information on the layout of widgets in Configuration Hub. |
Operations Hub Classic Layout | Refer to About Widgets (Classic) |
Dropdown Properties
Field Name | Description |
---|---|
Source - Dropdown Data | Use any of these options to provide values from a data source to populate
the dropdown.
These are the two basic formats to manually enter values for a
dropdown. (OR)
|
Dependency (Optional) | This property is useful to create cascading drop-downs, where the options
in one drop-down depend on the selection in another drop-down. For example, if your application has 2 drop-downs listing countries and cities. You can set the city drop-down's dependency to be the country drop-down. When a user selects a country, the city drop-down is dynamically updated to show only cities from the selected country. You can use a global to define dependencies between drop-down widgets. |
Preselect | You can predefine or preselect a default value in the dropdown menu when
it is initially displayed or loaded.
When using a dropdown with a data source:
|
Target - Dropdown Target | Use any of these options to specify the target source for a dropdown
value. At runtime, when you select a value from the dropdown, the value gets
assigned to the target specified in this property.
|
Output Format | Specify whether the output value should be an array or string format. |
Manual Input | You can also use this property instead of using options in
Dropdown Data property. Manually create values for
a dropdown widget:
Note: If you configured both Manual Input
and Dropdown Data properties for the widget, then the
dropdown is populated with a list of combined values. Make sure to validate
and rectify your data to avoid duplicates in the dropdown. |
Label | Enter a label name that appears above the dropdown widget. For example,
Choose an item |
Dropdown Placeholder | Enter the placeholder text that appears in the dropdown. For example,
-Select- |
Dropdown height (px) | Set a height for the dropdown list in pixels. |
Multiple selection | Allows to select multiple values from a dropdown. If you select this property, specify the Output Format and Output Separator. |
Max Selections | Specify the maximum number of values that can be selected from the dropdown. |
Enable search | Select the check box to enable a search option for dropdown values. |
Output Separator | By default, multiple values are separated by a comma. You can also use other symbols like semicolon. |
Width (px) (0 equals Dynamic) | Enter a width for the dropdown. If set to 0, the widget occupies 100% of its container, and fills the area in the application. |