How to make a list your users can filter
Learn how to filter a list in your app!
First, letโs start by adding a Screen of a simple list to your app. Now, navigate to Components, and add a dropdown menu above your simple list. In the tutorial, weโve already set up the database, so in order to set yours up, you will want to:
Create a Database Collection for Movies
Within your Movies collection you will need a property for Name (text), Image (image)
Create another Database Collection for Categories
Within your Categories collection, you will need a property for name. Also, weโre going to create a relationship to the Movies collection that is a โmany to oneโ meaning that multiple Categories can belong to one Movie.
Now, letโs go back to the Simple List and bind it to the Movies Collection. Also, letโs update the Subtitle text to display Magic Text for the Category Name. Next, letโs bind the Dropdown Menu to the Categories Collection. Next, weโll need to set up our filter! Click on the Simple List and where it says Filter > All Movies, letโs add a Custom FilterThis will allow us to create an additional filter so that when your users make their selection, it will display below the Dropdown Menu. The Custom Filter should be set up to say:Current Movie > Category > NameContainsSelected Category > Name And voilร ! Youโve got a filter on your Simple List!
Cloneable Here โ https://previewer.adalo.com/a4dfdb82-ae59-4ad1-9fec-a9379e8e3c05
Last updated