Display a drop-down with a simple list of values

Display a drop-down with a simple list of values for columns of the following type:

The following sections describe how to configure the drop-down and explore a sample app that demonstrates the use of the drop-downs in an app.

Configure the drop-down

To configure the drop-down:

1. Open the app in the editor.
2. Go to Data and select the table to which you want to add barcode scanning in the Data panel.
   We've made some improvements to the app editor.
   You are opted in to the new editor by default, but you can switch back to the legacy editor at any time.

   If you are using the legacy editor

   Go to Data, click Columns, and expand the table to which you want to add barcode scanning.
3. Click the edit (pencil) icon to the left of the column name you wish to make a drop-down list.
4. Enable the Show? toggle to show the information in the app.
5. Select Enum or EnumList in the Type field to configure a single or multiple selection drop-down, respectively.
6. In the Values field, click Add to add the list of values.

7. Consider enabling the following options:

   • Allow other values - enables users to enter other values in addition to the allowed values displayed in the drop-down list.

   • Auto-complete other values - auto-completes previously entered values to encourage consistency and minimize typos.

8. For Input mode, click Dropdown to format the list as a drop-down.

9. Configure other column properties, as required. See Configure column properties.

10. Click Done.

Explore a sample app

The Enum versus EnumList sample app demonstrates how to build the following drop-downs from a simple list of values:

• Select one type of fruit from a list (using an Enum)
• Select multiple types of fruit from a list (using an EnumList)

The following illustrates how the drop-downs appear in the app.

Enum versus EnumList app showing two drop-downs from a simple list of values, single- and multi-select.

If you look at the column configuration for each drop-down shown above, you'll notice that the only difference between them is the Type setting, Enum versus EnumList.

The following table summarizes the column configuration settings for each drop-down for quick reference.

For a description of each configuration property, see Configure column properties.

See also: Drop-downs sample app