Multiple Option Select

Learn about Multiple Option Select fields in Noloco tables

Multiple Option Select fields allow the selection of multiple options from a predefined list, such as 'Apple', 'Banana'. They can be displayed as checkboxes or a multi-select dropdown, offering versatile interaction methods. The list of options is fully customizable to match your needs, offering flexibility in options, option order, and the color of each individual option.

Display Options

• Multi-select Dropdown Shows options in a dropdown where multiple items can be selected (default)

• Checkboxes Shows all options as checkbox selections

• Colored Options Like the default multi-select dropdown, but options appear as colored badges

Configuration Options

• Custom Options Add, remove, and reorder options to match your workflow

• Badge Style Choose how option badges look everywhere they appear — in the data grid, forms, and filter chips:

  • Light (default) — pastel background with colored text

  • Contrasted — solid color background with white text

• Option Colors Assign a color to each option for visual distinction. Each option shows a badge-shaped chip with its order number — click it to pick from the preset color palette.

• Default Values Set which options are selected by default for new records

Editing in the data grid

When a Multiple Option Select field is editable in the data grid (or in a table view with inline editing enabled), double-clicking a cell opens a popover editor. The popover shows the current selected values as badges and a search input above the full list of available options.

Adding values

Click any option to add it to the selection. You can keep clicking to add multiple values in one session.

You can also navigate and select with the keyboard:

• Type to filter the option list. The first matching result is highlighted automatically.

• ↑ / ↓ arrow keys to move through the list.

• Enter to add the focused option.

Removing values

Remove a selected value by clicking the × on its badge in the input, or by pressing Backspace or Delete while the cursor is in the search input.

Reordering selected values

Drag the grab icon (⠿) on any selected-value badge to reorder it. The new order is synced with the field's property panel.

Creating a new option inline

If no existing option matches what you typed, a Create "…" entry appears at the bottom of the list. Press Enter or click it to create and add the new option in one step. The new option is added to the field's option list and synced with the field's property panel.

Managing options from the editor

Hover any option in the list to reveal the option menu icon (⋮). From here you can:

• Rename the option (edited inline)

• Change the colour of the option

• Delete the option (a confirmation modal appears before deleting)

These changes apply everywhere the option is used and are reflected in the field's property panel — no need to open field settings separately.

Use Cases

Multiple Option Select fields are perfect for:

• Skills and competencies

• Tags and labels

• Services offered

• Features included

• Interests and preferences

• Team members assigned to a project

• Categories that can overlap

Best Practices

• Keep the number of options manageable (typically under 20)

• Use clear, descriptive option names

• Group related options with similar colors

• Consider using checkboxes when you have a small number of important options

• Use multi-select dropdown for longer lists of options

• Think about how multiple selections will display in different views (lists, cards, etc.)