# Bind multiple API requests to one screen

If you create several API requests, you can bind them to a single screen in the app, so it can interact with data from different requests. This allows to create a screen with several lists, for instance.

This tutorial is a continuation after you have retrieved data from a database. If you haven't done that yet, check out:

👉 [Get data from any database with REST API](/connect-api/set-up-api-requests/creating-an-api-collection/airtable/set-up-an-api-get-request-for-list-page-airtable.md)

{% hint style="info" %}
We are using [this design file](https://www.figma.com/community/file/1032382259074385867/Bravo-Sample%3A-Multiple-API-Requests) and [this Airtable](https://airtable.com/shrWagUN5OboNmFAK) base for the tutorial. In this example, we're displaying three lists in a single screen. Each list has the data from each of the tables.
{% endhint %}

## Binding data from multiple requests

First, you'll need to have several API requests created in the Data Collections section. In this case, we have three GET requests that return a list of items.

![](/files/-MlB569yaGRlUIvtK3pE)

We'll use the data from these requests in the Data Binding section. In our sample design file, we have three list [containers](broken://pages/-MfgiCryp4HdueTetP8C). We'll bind each container to the list data from each API request.

![](/files/-MlBE1jx6Socezq2lLj1)

After binding the list containers, we'll bind the individual UI elements inside each list. Once an API collection and a request are selected for a UI element, the same will be automatically selected for all elements in the same container. However, they can be changed if needed.

![](/files/-MlBEAbXKo1GUL-h7lBg)

{% hint style="info" %}
In addition to lists, you can also bind individual data items coming from different API requests.&#x20;

**For instance**: In this design example, you can bind individual text elements to the title on the screen, so these texts don't need to be changed statically in the design file, but rather fetched from the backend.
{% endhint %}


---

# 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://docs.bravostudio.app/data-binding/data-binding-types/bind-data-to-ui-multiple-requests.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.
