Hide Image element if there is no image

Get Help
1

Hi Guys

Has anyone find a way to hide the image element if there is know image. I am familiar with the show sometimes by setting visibility based on a condition in the database. But none for image.

So to be clear I want the image component hidden if there is no image. Not that I don’t want it show nothing because If I have it with an outline it will still show. So I want the condition to not show the element if there is no image

Can anyone help?

2

Well it’s the same for images, you can show or disable the visibility based on database also. So :

  • Go to visibility, and set it to “sometimes visible”.
  • Set “will be visible if” to your image’s property in the database.
  • Set it to be “not equal to” Empty.
1 Like
3

Hey @Orlandodon,

Welcome to the community :partying_face:

What @Ali-Bazzi mentioned!

Check here : Adalo - Image Visibility with out a rectangle.mp4 on Vimeo ( this video shows to add a visibility condition only for the image component )

And check here too : Adalo - Image Visibility with a rectangle on Vimeo ( this video show that if you have a rectangle behind the image or another component(s) that you group them all together and add the visibility condition )

Thank you

1 Like
4

Hi @dilon_perera yes that worked

I kept setting it to “equal to” don’t know how I missed that lol logic failed me after doing so many things at once.

Thank You

1 Like
5

Thank You @Ali-Bazzi

That is correct. I kept setting it to “equal to” that was m error. Thank you for the help.

1 Like
6

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.