Why do I get different sizes images in a custom list?

[jannava]

Hi there, I’ve created a flow for a free user that can see all products, but some is accessible and some is locked (true/false in database). When the content is locked, I added the lock icon to appear. But now my images show in different sizes, while I want them to have the same height (and width):

Anyone can help me out? I couldn’t find this specific question/answer in the tutorials/help section.
Thx

Ps I took these images as dummy images to try out this app. Of course I’ll replace them with my own

[m-mrh]

Hi @jannava did you try to change image cropping to fill space?

[dilon_perera]

Hi @jannava,

Welcome to the community

I think It’s because there’s nothing when the icon is hidden. For this you can add a rectangle and add a visibility condition visible if the true/false property is false. And group the icon and rectangle.

Same problem.

Vertical Image List Image Keep Getting Squish

Hi Edmund, The problem is the red star has a condition. So when the condition doesn’t met there’s nothing so then it squished. For that you can place a invisible rectangle right to the star and set the opposite condition. So then when the star is invisible then the rectangle is visible. Thank you

Thank you

[jannava]

Thx @m-mrh and @dilon_perera for the quick replies! I have now created a rectangle with the opposite condition and grouped with the lock-icon. Images are now all same size

But I can’t get the icon centered. It’s either to the right or a bit too much to the left. Is this due to the lock & rectangle besides each other?

Thanks!

[dilon_perera]

Great and Your Welcome!

Try putting the rectangle down and icon up.

[jannava]

@dilon_perera somehow that didn’t work for me, but tried many things and finally found it

[dilon_perera]

Awesome!