Innovation Hub
An initiative by Al Bayat Mitwahid in UAE
Course 2
Making an “Memory Stream” app
Create a working app prototype where users can create posts about things that are important to them. You will create functions that let users sign in, write and save posts, and view their saved items.
Unit 3 – Advanced Features
Lesson 1 – Filtering and sorting items
in this lesson you will learn how to create a filter system and a search function to give users more control over their lists.
When you get a lot of entries in your database Collections, the lists on each screen of your app will get long. Your users will appreciate their lists being sorted in a way that makes sense. Allowing users to sort their own lists needs advanced Adalo knowledge, but we can make sure to provide list sorting that works well for the different types of list on each screen.
Look at the Sorting settings for each of your lists and decide how they should be ordered. For example, users would most likely want to see their most recent activity at the top of the list and the Ideas for 3D printing list should be sorted by the closest deadline first so that a user can see the most urgent entry at the top.
To help users find things in lists that have become very long, we can add a search function at the top of the list. This allows users to find something that they remember is in the list, but they can’t see.
For some lists, you can add a search bar directly. Click on a list component (for example the Image List in restaurants) and look at the settings in the left menu - if there is a List Search setting you can turn that on.
If the List Search setting isn’t available (for example, on the Activities list), we can add a search box manually.
Click on the plus symbol and go to Forms & Fields to add a Text Input component. Position it above the list on your screen and change the placeholder text to “Search…”.
Click the list and on the left menu, add a Custom Filter. Choose the column to search, choose Contains, then choose Other Components > Input to filter the list by whatever the user types into the search box.
Add the sorting and search functions that you want to all the screens so that your users can quickly find the things that they need.
