I want the image component on top to load the corresponding card image in the below horizontal card list.
The data relationship is like this:
User can hold multiple cards
Store can issue multiple cards
Cards can be only owned by a one user and belongs to only one store.
The way I am going to set up is that based on the last selected card by the user (which is stored under LastlySelectedCard field in user table), I want to load that card image at the image component on top.
However, the image component can’t find the data right now. In fact, it is going in endless loop like the first screenshot.
I am guessing that it is because I do not fully understand how data relationship works in Adalo.
Could anyone give some advice on this issue?
It’s because it’s multiple and to show that property you need a list. But in your case you need the relationship to be opposite that user can have one card and cards can have multiple users.
For image component alone, I learned that by using input field value, you can swap the visibility between any two designs preset for that image component.
However, I am still figuring out how it would be if I want the image component in the list to be like that.
Once a image is clicked you need something like a rectangle to be display with that image in the list? Something like this? : Default Number.mp4 - Google Drive
So if an user clicks a certain image in the list, that image in the list component should be highlighted (I am thinking of putting a colored border line around the component). And the images in the list are all highlighted individually depending on what user clicks/taps.
Like the example below where one in the list has red border line. I want it to be appeared like this when user taps that specific item in the list.
