How display an image list based on a setup?

Hey everyone,

I would like to display an image list based on a setup but it don’t manage to do that… Have you an idea to do that ?

Let me give you more information for that you perfectly understand what’s my situation…

  • I have a database with Users.
  • I have a database with activities families called “1.1 All families” (inside this one, there is 52 families named for example “bowlings”, “paintballs”, “cinemas”…
  • I have a database with all the activities called “1.2 All activities” (inside this one, there is more than 200 differents activities named for example : “bowling 1”, “bowling 2”, “bowling 3”, “paintball 1”, “zoo 1”, “swimming pool 1”, “swimming pool 2”…

And i have 6 others databases for the filters that each user can apply and change when they want. I will give you few examples :

  • Database “Day of the week” (with monday, tuesday, wednesday…)
  • Database “Activity price” (free, 10$, 20$…)
  • Database “Cities” (New York, Tokyo…)

Each user have defaults filters.
Each user can change it when the user want by open the screen, select what he want, save then when he save, it update the content of the image list of the families of activities and it update too the content of the image list of the activities.

Image list of the families :

Image list of the activities :

In the mobile app, you have to go in first in the families screen, then, when you clic on a picture of an image, (like for example for the “bowlings”), you can see all the “bowlings” adapted to your filters. So… you will see bowling 2, bowling 7… for example.

In each family of activity, there is all the filters possible for the bowlings (in our example).
And on each activity there is filters adapted to each activities.

My problem is that sometimes, if i put the filter for example “monday”, “New York” and that i clic on the family bowling, it will display nothing… because the bowling 3 will be open the monday but will be in Tokyo, then then bowling 5 will be only open the sunday but located in New York…

So… i would like that in this case, the image list of families only display me families that have at least 1 activity and that it hive all the families the have no filters adapted to what i have chosen, and that it hide families that have no content because each activities inside have only a part content with the filters but not all…

So… have you an idea for that the image list of the families only display the families that have at least 1 activities adapted to the filters or not?

I hope to have been clear in my situation, if not, let me know and i will try to clarify the situation to you.

@Dilon

Hi @LuckyTravel,

I would think you could do something like this using a custom list and visibility conditions for the components inside the list but it would not be suitable for a large database. You could link to a loading screen to verify if there’re records matching to the filters and if not show a message, if it is move forward. You could also add a conditional link action with a count filter but if it’s a large database to check through, it might work incorrectly sometimes. If you just want to show something (text, an image) in the next screen instead empty when there’re no matching records, you can add some text in the ‘List Empty State’ section in the card list settings.

@Victor , @ishantanusrivastava , @Ali-Bazzi and others, what do you guys think?

Thank you and have a great day!

Hey,

About the custom list, if it will not work for a large database, i guess that it’s better to not use that… (i will have a lot of datas soon…)

If i use count, i go from 0.5sec of loading to more than 6sec so… i can’t use it too… :frowning:

Yes, i will write something in the “List Empty State” but… i will continue to have the problem with what i explained before… :frowning:

Any other idea @Victor @ishantanusrivastava?

Hi, you can add a visibility setting to the card under the list. This way, when you apply a visibility rule, you can specify that a card will be visible if the family has more than zero members, and otherwise, it won’t.

I think in this way, it may help.

Hey,

This is what i wanted to do, but i don’t manage to see how apply a visibility rule on each images of the image list… Can you explain it to me please ?

Hi,

Select list > image > change visibility rule

Hey,

With an image list, i can’t select image by image to change the visibility individually… And if i change the visibility to the whole image list, it will not be possible to see the images that have activities inside…

But, i tryied to do that with a custom list, and it works perfectly good :smiley: You made me discover new features :smiley: thank you very much

1 Like

Based on my experience, once your database starts to grow, the visibility conditions added to the components (complex ones like counts with filters) in the list might take much time to process due to there’s much data to look at and could affect the performance. (Adalo Blog tip #5 : Build Mobile Apps Without Coding Skills | Adalo) Enabling ‘Load Items as User Scrolls’ or turning ON the pagination might help here.

What do you think Victor and Shantanu? Have you guys faced any issues like this?

Thank you and have a great day!

Hey all,

Glad the custom list with visibility worked well!

For performance with large databases (as Dilon mentioned), yes, complex visibility conditions with filters in lists can slow things down.

Here are some quick tips for maintaining good performance:

  • Use simple or native lists if possible (faster than custom, less processing).

  • Avoid nested lists.

  • Turn on (Load Items as User Scrolls) or (Pagination) options (limits loaded items).

  • Make sure database collections are structured properly, in order to separate information types into different collections. This post would be helpful in database structuring: A Practical Approach to Structuring Collections in Adalo