Screens
Screens are the foundation of an app— generating and organizing different screens allows you to start building a custom user experience.
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
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
Click the + button in the left toolbar.
Select the Add Screen tab.
Choose a Screen Template for your new screen.
From a Link Action
Select a component on an existing screen.
In the left panel, click Add Action.
Choose Link, then New Screen...
In the modal that appears, set a name and choose a Screen Template.
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 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
Screen Navigation
Last updated
Was this helpful?