# Lists

*Skill Level: Intermediate*

## Before You Begin

* Know how to copy and paste on your computer
* Know how to set up [Databases](https://help.adalo.com/~/revisions/kmzOxqjy7C9sXGVjDKKb/database)
* You do not need a paid Adalo plan to use this feature

##  Walkthrough

{% tabs %}
{% tab title="Simple" %}

#### 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](https://help.adalo.com/~/revisions/kmzOxqjy7C9sXGVjDKKb/component-basics/inserting-dynamic-text))

#### Lists of Lists

{% endtab %}

{% tab title="Video" %}
{% embed url="<https://youtu.be/Gypuib0lrHQ>" %}
{% endtab %}
{% endtabs %}

## Example

![](https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LhGHkPsv15svPIU5I7C%2F-LiUROjBfXsS-ffKs9Mk%2F-LiURQqbmJBkbt_ruokV%2FGif%201%20Magic%20Text.gif?alt=media\&token=95b3853a-b459-4dae-87ef-e0c23ffa9eb5)

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 &#x20;

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.&#x20;

## Help

{% embed url="<https://youtu.be/Gypuib0lrHQ>" %}

## Learn More

You can learn more about lists in our [Lists Course](https://appacademy.adalo.com/course/lists) from [The Adalo App Academy](https://appacademy.adalo.com/).&#x20;