Responsive images box

[hibubble]

Hi all, I can’t figure out how to create a group which offers Layout options. “Layout tab settings are only available on certain elements”.

I have 4 images in a Group, within another Repeating Group of Reports. Only some images will be visible in each Report, therefore I’d the remaining images to auto-center themselves within the group. The attached screenshots show what currently happens when an image is hidden (all remaining images stay in their fixed positions instead of centering themselves within the group).

[tylerboodman]

It’s not letting you change anything in the Layout tab? Your container group should be set to Row, and those images need “Collapse when hidden” check yes in their layout tabs

[hibubble]

Nope the Layout tab is empty, has the error message I mentioned above.

[tylerboodman]

I’ve only ever seen that error when it’s a plugin element that doesn’t need resizing, is that a vanilla Bubble group? Are you on the new responsive engine?

[hibubble]

Yeah I started the app using a template that was probably built in 2020. I just upgraded the page and it’s still working. To be safe, I created a copy in case anything breaks.

Once it’s upgraded I’ll look for the layout settings and follow your above directions. Thanks!

[tylerboodman]

Yea normally when upgrading to the new responsive you have to fix a bunch of stuff