Working with Data
Apply best practices for working with different elements of the database including collections, properties, records, and the lists that draw from it.
Skill Level: Beginner
Before You Begin
Know how to copy and paste on your computer
Know how to access the Database in your Adalo app
Know how to create new screens and add/remove components from them
You do not need a paid plan to implement this feature
Walkthrough
How to Pull Information from a Database and Put it in a List (Begins 0:56)
1.) Have your Database set up with the desired information.
2.) Create and select a new List
3.) In the left-hand menu, select the dropdown bar below "What is this a list of?"
4.) Select the desired Database Collection from those listed
5.) Select Preview to preview how you app will look
6.) If your list does not display any text where there should be titles or the titles are incorrect, back in the Builder, select Title in the left-hand menu (If the desired titles already display, you can skip to step 9.)
7.) Delete the placeholder text in the text box and select the Magic Text icon. A dropdown menu will appear with categories of information able to be imported from the Database
8.) Select the desired information from the Database you want displayed as the Titles
9.) If you would like your list to display information from the Database in the list's Subtitles, select Subtitle in the left-hand menu (If not, you can skip to step 12.)
10.) Delete the placeholder text in the text box and select the Magic Text icon
11.) Select the desired information from the Database you want displayed in your list's Subtitles
12.) Select Media in the lefthand menu if you wish to change the image position and edit the images displayed in your list. (If not, you can skip to step 16.)
13.) In the dropdown menu below "image position" you can select the position of the images displayed in your list
14.) Select the dropdown menu below "image" to change the images displayed in your list items
15.) Select the dropdown menu below "If there's no image..." to select a placeholder image for the images in your list items, if you desire
16.) Select Body in the lefthand menu if you wish to change the body text of your list items (If not, you can skip the rest of these steps)
17.) Delete the placeholder text in the text box and click the Magic Text icon
18.) Select the category of information from the dropdown menu which you'd like to be displayed in your list
How to Pull Information from the Database Continued (Begins 3:05)
1.) Create a new screen
2.) In the lefthand menu, search for the App Bar component
3.) Drag the App Bar component onto your new screen
4.) Select the App Bar
5.) In the lefthand menu, search for the Image component
6.) Drag the Image component onto your new screen
Help
If you need additional help with this article, you can always ask in our community forum! Be sure to paste the link to this article in your post as well!
Last updated