Is there a way to change the layout of a group conditionally?

[brenton.strine]

E. G. If width is under 600, make it a column.

[mikeloc]

Hi there, @brenton.strine… the short answer to your question is no, and I think there might be an idea on the ideaboard for it that you can upvote if you’d like.

Ability to conditionally modify Container layout

Under the Conditional tab there’s the ability to modify Container alignment. Is there an ability to modify Container layout yet? This might be able to remove the need for unnecessary parent groups and help Bubble responsiveness. [image] [image]

Change container layout through conditional

Hi, the container layout of the current group is row. In this group there is a video and another group. (Picture 1) When the current page width is smaller than 700 px, the group shouldn’t be next to the video, but underneath, so the container layout of the parent’s group should change from row to column. Does somebody know how to do it? I already tried it through conditional, but you can’t choose container layout (picture 2) Best wishes Jakob Picture 1: [image] Picture 2: [image]

Best…
Mike

[brenton.strine]

Thanks for the answer and thanks for the links.

I’m pretty motivated to find a workaround, even if it’s extremely cumbersome.

I wonder if there’s some way to fake this by using workflows and hiding items selectively. The catch is I need it to work for an arbitrary number of items.

[keith]

Hey @brenton.strine - couldn’t you just hide/show an entire group to accomplish this? (No it’s not sexy, but ya know, Bubble.)

Edit: and obvs this could be a condition so no workflow nonsense required.

[brenton.strine]

Yep, but I’m looking for a solution that will work for X instances in an automated way.

I suppose I could make a reusable element which has the various layout options and conditionals to hide them… but then I’d need to somehow pass the content of the reusable in. But I bet I could find a way to make that work…

Sure wish real Components were a thing, that would actually really help in this (and oh so many more) situation.