# Screens

## All About Screens in Adalo

### Overview

Screens are the pages of your Adalo app. Every view your users interact with — a login form, a dashboard, a profile page — is a screen.

Most new apps start with a set of pre-built authentication screens (Welcome, Sign Up, Login, and Home) that handle the basic sign-in flow. → Learn more about Default Authentication Screens

You can add as many screens as your app needs and connect them using link action

{% embed url="<https://youtu.be/MstsmOyisbE>" %}
Learn all about Screens in Adalo with this YouTube Video.
{% endembed %}

### **Before You Begin**

* Make sure you are logged into your Adalo account.
* Open any app in the builder.
* Locate the **Screens** list in the left panel.

***

### Walkthrough

#### Creating a New Screen

There are two ways to add a screen.

**From the Add Panel**

1. Click the **+** button in the left toolbar.
2. Select the **Add Screen** tab.
3. Choose a Screen Template for your new screen.

**From a** [**Link Action**](https://help.adalo.com/actions/links)

1. Select a component on an existing screen.
2. In the left panel, click **Add Action**.
3. Choose **Link**, then **New Screen...**
4. In the modal that appears, set a name and choose a Screen Template.

![](https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LhGHkPsv15svPIU5I7C%2F-LiUObPAffLd88uPhFxf%2F-LiUKmeLh5m5uYUiZG9a%2FGif%203%20\(1\).gif?alt=media\&token=23de3cf1-a6d0-40c5-920b-bd7724087756)

***

#### Editing a Screen

Click a screen's title on the canvas to open its properties in the left panel. From there you can configure:

**Screen Name** Give every screen a clear, descriptive name. This matters more than you'd think — vague names like "Screen 5" make your app harder to manage as it grows.

[**Navigation Type**](https://help.adalo.com/component-basics/inserting-and-editing-screens/screen-navigation-types) This controls when the screen appears in your app's flow.

* **Normal** — The default. Most screens in your app should use this.
* **Welcome Screen** — The first screen users see if they are not logged in or don't have an account yet.
* **Home Screen** — The first screen users see if they are already logged in.

**Screen Actions** Most screens won't need these. Screen actions run automatically when a user lands on the screen — no tap required. They're useful when you need to create a record in the background or auto-redirect a user to another screen.

**Screen Styles**

* Background color
* Screen size
* Reverse scroll — Flips the scroll direction so the bottom of the content is visible first. This is commonly used for chat or messaging screens where the most recent messages should appear at the bottom.

***

#### Resizing a Screen

Click the screen's title on the canvas. Yellow drag handles will appear on the corners — drag them to resize.

***

#### Moving a Screen

Click and hold the screen's title on the canvas, then drag it to a new position. Keeping related screens grouped together makes your app easier to navigate as it grows.

***

#### Deleting a Screen

Select the screen's title on the canvas and press **Delete** or **Backspace** on your keyboard.

***

### Known Limitations

* Deleting a screen does not automatically remove link actions that point to it. You'll need to update or remove those links manually.
* Screen actions run every time the screen loads, which can cause unintended duplicate records if not handled carefully.
* Reverse scroll only affects the visual scroll position — it does not change the sort order of list data.

Most Adalo apps automatically start with Signup, Login, and Home screens

### Learn More

* [**Default Authentication Screens**](https://help.adalo.com/component-basics/inserting-and-editing-screens/default-authentication-screens)
* [**Screen Navigation**](https://help.adalo.com/component-basics/inserting-and-editing-screens/screen-navigation-types)
* [**Deep Linking**](https://help.adalo.com/component-basics/inserting-and-editing-screens/deep-linking)
* [**Actions**](https://help.adalo.com/actions)


---

# 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/inserting-and-editing-screens.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.