Datasource vs Frontend

Can some advice me please… I’m struggling to connect datasource to this Events Screen, seemingly because it’s not a list component, but free standing components. I’m trying to create a visual directory with large images. I suppose to manually add each image myself is not the ideal, because there is about 150 images I need to add to this screen. I have been through the tutorials, but don’t find a solution. Please help.

Hi @Tinus,

Why don’t you want to create an “Events” collection with “Event Image” property, upload everything to Adalo DB and then display the list of Events from this collection?
Another option (if you store images elsewhere) is to display them using URL.

Best regards, Victor

Does that mean all the image data will be stored as “backend” ?
And this Events collection, is this still in a CSV file format with URL’s?
If not, can you elaborate, please?

“Another option (if you store images elsewhere) is to display them using URL.”
Would this also be with CSV file with image URL’s?

Thank you Victor

Hi @Tinus,

Adalo uses database to store the data, and this database is located on Adalo’s servers. Please have a look here: Database - Adalo Resources.

If you create “Events” collection with the respective properties (including Event Image), you will be able to add records to this collection. You can add records manually in the app builder, or create records from the app itself, or import CSV file with the records (if you need to import many records at one time).

Unfortunately it is not possible to import multiple images, so you will have to manually add image to each record.

The images in Adalo app can be displayed using “Image” as a source or using Image’s URL. You can use URL when your images are stored in some other place (not in Adalo).

Best,
Victor.

Hi Victor

Let me dive into this and try it out. Will this procedure not make the app to “heavy” instead of CSV file uploads?

Thanks Victor, appreciate

Hi Victor

[Database - Adalo Resources] I followed these steps.

Screenshot 1
I have created the Database
Screenshot 2
The records show the images
Screenshot 3
But the action fields are empty which connects to the Events screen
Screenshot 4
Obviously the Events screen in the simulator is blank

Am I missing something?

Thank you

Dear @Tinus,

I would advise to read the help documentation carefully. Also it is useful to take some courses for beginners here: https://appacademy.adalo.com/. This will help you to understand how Adalo works and how the database should be structured.

In your setup, you are treating Events database like a document where you put all the things together. However this approach doesn’t work with relational databases (which Adalo is using). Imagine you have a spreadsheet with columns: Event Name, Event Type, Event Image, Event Description. Rows in this table will be your events. This spreadsheet is an “Events” collection in Adalo.

There is a 2nd column “Event Type”. In a spreadsheet you can type in your event type and/or setup a dropdown in the cell. In Adalo this will look a bit different. You need to create “Event Types” collection, put a field “Name” (and other fields if you want, like Image) and then create a relationship between Events and Event Types. This relationship should be set up in a way so that an Event belongs only to one Event Type, but Event Type can have many Events.
Then you will need to pre-create several Event Types.

Now we’re coming to Screens. In order to create a new Event, the simplest thing will be to add a Form to some screen and set it up to create an Event. You can do that in the left pane and also make sure that you’ve added all the necessary fields, including Event Type. When you arrive to this screen, you will see that you’re able to create an event and you can select Event Type from the dropdown.

In order to display events, you can create 2 screens for that. On the 1st screen you add a List of Event Types. Then you link this list to a 2nd screen. On that screen you will have “Current Event Type” data available. And then you can add the list of Events, filtered in a way so that Event → Event Type → Name is equal to Current Event Type → Name.

Again, I would advise to read help documentation and watch some educational videos, so that you understand the principles how Adalo works.

Best,
Victor.