# 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/database)
* You do not need a paid Adalo plan to use this feature

## Learn About Lists

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

## &#x20;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/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
* [Social Media List](https://help.adalo.com/how-to/how-to-set-up-a-social-media-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>" %}

### Pagination

Custom lists can be paginated. Watch this video to learn more.

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

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.adalo.com/component-basics/connecting-lists-and-forms-to-a-database.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.