Search and filter on mobile app

Hi everyone :waving_hand: , I am having an issue adding a filter to my mobile app. I see both online and here many videos about the web app, but for mobile app I haven’t found any video for filtering. So, how can I fix my workflow so that my filter made of dropdowns, inside a sheet can change a vertical list item? Thank you :heart_hands:

To fix your filtering, store the Dropdown values in a Custom State on a parent element (like the Sheet), and then use those Custom State values as the Constraints for the data source of your Vertical List.

To expand on what fawehinmibojuwola said, here is a step-by-step approach that works well for mobile apps with dropdowns and a sheet for filtering:

Step 1: Create custom states on your sheet (or a parent group that contains both your dropdowns and the list). For each filter dropdown, create a corresponding custom state that matches the data type you are filtering by.

Step 2: When a user selects an option in a dropdown, use a workflow to set the custom state value. The trigger would be “When Dropdown value is changed” and the action is “Set state” on your parent element.

Step 3: In your repeating group or vertical list data source, add constraints that reference these custom states. For example, if you have a category dropdown, your constraint might look like: Category = Sheet’s category_filter (only when Sheet’s category_filter is not empty).

The “only when” condition is important - it means if the user has not selected anything in that dropdown, the constraint is ignored and all items show.

Step 4: For a search input (if you have one), you can add a text input and create a custom state for the search term. Then add a constraint like: Title contains Sheet’s search_term (only when Sheet’s search_term is not empty).

This pattern works the same for mobile as it does for web - the only difference is your UI layout. The filtering logic is identical. The same tutorials you see for web app filtering apply here, just adapt the visual elements for mobile.

Exactly u get it.

1 Like

Thanks Man