5.8. Dropdown

There are two types of dropdown fields that are commonly used in forms: single-select dropdown fields and multi-select dropdown fields.

1. Single-Select Dropdown Fields
   • These fields allow users to select only one value at a time from the dropdown.
     
     • There are two ways to select an item from the dropdown:
       1. Click on the icon. It will release the list of values. Users can then scroll through the options and make their selection.
          
       2. Search for the value in the dropdown by inputting its name or keywords relating to it. Any items that match the search will be retrieved. Users can then click on the desired value to finalize their selection.
          

!Not all single-select fields release a dropdown menu; some fields open a modal window. For more details on these fields, click here.

2. Multi-Select Dropdown Fields
   • These fields allow users to select multiple values at a time from the dropdown.
     
     • There are two ways to select items from the dropdown:
       1. Click on the icon. It will release the list of values. Users can then scroll through the options and make their selection.
          
       2. Search for the value in the dropdown by inputting its name or keywords relating to it. Any values that match the search will be retrieved. Users can then click on the desired value to finalize their selection.
          
   • Users can remove selected items from the dropdown by clicking on the X button.
     
   • Multi-select dropdown fields are accompanied by two buttons:
     • Select All: This button allows users to automatically select all values in the grid.
     • Deselect All: This button allows users to automatically deselect all values in the grid.