Cascading dropdown filters

Example: Filter a city picker by the chosen country of another options picker

Use cascading dropdown filters when one picker should limit the values in another.

Scenario

This guide uses a Country table and a related City table.

The country picker controls which cities appear in the city picker.

Build the form

  1. Add a Form
  2. Set the form schema to Country
  3. Add a Data provider for the country table
  4. Add an Options picker for the country field
  5. Add a Relationship picker for the cities field

Filter the cities

  1. Open the relationship picker filters
  2. Match the city rows to the selected country
  3. Disable the city picker until a country is selected
  4. Clear the city value when the country changes

Why this matters

This keeps the second picker limited to valid values and avoids stale selections.

Try it out


Did this page help you?