Table of Contents |
---|
Description
...
It allows users to select a single value from a list of predefined values.
Example:
...
Types
Type | Usage |
---|---|
Textual dropdown Menu | |
Usage & Behavior
General guidelines
Text
A drop down menu can have a preceding label, or not (see example below).
...
The label should be clear and short (limited to a single line).
...
Internal Logic
Users need to select one item exclusively from a short list of options (minimum 3 items, maximum - y).
...
Choose one of the following styles to order the content:
Logical: Sort items into a meaningful order. Group related options together and show the most common options first, followed by less common options.
Alphabetical: Sort the options alphabetically if more than 8 select options are available. This helps the user find the right option quickly. Sort currencies, names, and similar content alphabetically.
Numeric:Sort numeric values into a sequential order, with the lowest number first.
Chronological:Sort time-related information into chronological order, with the most recent first.
Default Values
The drop down consists of a text box showing a default value, if exists. For example:
...
If there is no label, the default text will be "Select a {NameOfEntity}". For example, "Select a queue".
...
States
...
Interaction
The Select field always displays the current selection.
...
Once the user selects an option, the list box closes and the selected option is displayed in the field.
Hovered items are highlighted with a light blue background color.
Selected items have a blue V sign on the left side of the value as shown below
...
Unlike 'Combo Box', the user cannot enter text in the text box (excluding 'Searchable dropdown menu')
Validations and errors
Please refer to Field validation page for more information.
An example for a drop down menu with a warning:
...