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 3 - Creating lists of items

In this lesson you will learn how to make a list and show it as a gallery.

Now that we can add items to the Collection, we need a way to show these items to the user.

We can create a list of all the restaurants that the user has saved in their collection. Any time a user adds a new restaurant by using the form we created, it will show up in this list.

From Add Component click on “Image List” and position it on the Items page, beside the form you have already created. Add a text component above the list that says "Gallery"

Highlight your Gallery Image List component. We can sort the restaurants so that the highest rated is at the top. Add this on the “Sorting” drop down menu.

Go to the left menu and adjust the settings for the list so that it shows the photo, name of the restaurant and the notes about the restaurant. To do this, click on the “Text” options. Then add magic text options for the title and subtitle. Magic text is a way to use items in the database to display. To add it, click the “T” symbol under the text box, and select Name for the title, and Notes for the subtitle.

Now that you have a prototype for your app, you’re ready to start testing!

< Previous Lesson

Next Lesson >