Innovation Hub
An initiative by Al Bayat Mitwahid in UAE

Introduction to Adalo
An introduction to the Adalo app maker website, showing the 3 key features that are needed to build an app: screens, components and collections.
Unit 2
Lesson 2 – Linking screens
In this lesson you will learn to connect pages to each other to guide the user around the app.
To show the user a list of their Restaurants, we need to create a link to the Items screen. We can create a button to bring the user to that screen. Click on the Home screen, and then click the + to add a component. Click on the button component, and position it on the Home screen. Add text to the button - we will add “My Restaurants”. You can change the color and size of the button using the left menu.


Now we will link the button to the Items screen, so that when a user clicks the button, the Items screen will show.
Click “Add Action” on the left menu, then click “Link”, and then select the Items screen. Now the button is linked to the right screen.


Adalo provides some animation options for how the transition from one screen to the next looks. The default is no transition, but you can select one in the drop down menu for the Action.
