Lists

Nearly every app has at least one screen with a list — whether it's a list of Trips, Users, Conversation, or really anything.

Skill Level: Intermediate

Before You Begin

  • Know how to copy and paste on your computer

  • Know how to set up Databases

  • You do not need a paid Adalo plan to use this feature

Learn About Lists

Walkthrough

Sorting and Filtering Lists

1.) Drag and drop a list to your app

2.) Select the database collection you want listed

3.) Click 'Add another filter' to insert a custom filter

4.) Select which Property you want the filter to depend on (in this case, Public)

5.) Choose the condition of the Property that you want to filter for (True/False, Between, Includes, Excludes, etc)

6.) Under Sorting select how you want to sort your list (in this example, Cost- Low to High)

Creating Custom Lists

1.)

Click on the list, then select 'Components' and 'Add Components'

2.) Drag in and position new components

3.) Change all of the elements of the list to dynamic (using Magic Text)

Lists of Lists

Example

List components show lists of a particular collection in your database. If your app's database has a Vacation Places collection, then you can use a list to show some or all of the Vacation Places on a screen.

There are seven types of list components:

  • Simple List

  • Card List

  • Image List

  • Avatar List

  • Horizontal Card List

  • Horizontal Chip List

  • Custom List

When you first add a list component to a screen, the first option in the left panel is to specify "What is this a list of?" Here you can select a collection in your database that the component should connect to. From there, you can bind each one of your lists to your collections.

Help

Learn More

You can learn more about lists in our Lists Course from The Adalo App Academy.

Last updated