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
- Add a Form
- Set the form schema to
Country - Add a Data provider for the country table
- Add an Options picker for the country field
- Add a Relationship picker for the cities field
Filter the cities
- Open the relationship picker filters
- Match the city rows to the selected country
- Disable the city picker until a country is selected
- 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
Updated 4 months ago
Did this page help you?