Squishing of elements in list with conditional visibility components

[Jane]

Hello!

Adding images with conditional visibility inside my list makes it appear in an odd manner. Any ideas on how to make it appear nicely?

Without the conditional visibility images (in previewer)

With the conditional visibility images (in previewer)

With conditional visibility (screenshot of adalo web app screen display)

Best,
Jane

[speakupboy]

@Jane

Yeah- this is a known problem that’s been around for a long time. As far as I know, there is no solution- the only thing is to not put any conditional text on top of any images.

[Erik]

One recommendation I have is to make sure none of the boxes overlap. Sometimes that causes adverse reactions.

[Jane]

Thanks. How frustrating! I guess I’ll go for something else.

[Victor]

Hi @Jane,

You could try 2 options:

• put a “layout rectangle” below the elements which are conditionally visible. Keep all the conditionally visible elements inside the boundaries of this rectangle.
• create 2 conditionally visible elements, which are “mutually exclusive” (i.e. only one could be visible). Place them one right on top (not covering) the other.

Unfortunately, finding right layout always is done via trial and error…

Best regards, Victor.