Change container layout through conditional

Jakob1 · 2022-08-23T16:33:16.151Z

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:

image1112×335 50.1 KB

Picture 2:

viquarahmed07 · 2022-08-23T16:41:37.073Z

Hi @Jakob1 I think we don’t have that option yet
But what i usually do is I will create 2 groups

1 group with row layout & another with column layout
Display & hide groups conditionally

Maybe its not the best solution but it works for me

Screenshot 2022-08-23 at 18.40.38

Jakob1 · 2022-08-23T16:43:24.024Z

Ok thanks

Jakob1 · 2022-08-23T16:59:15.292Z

Should the groups be visible on page load? Because the current page width is higher and it’s still displayed

image921×625 58.9 KB

viquarahmed07 · 2022-08-23T17:04:33.344Z

@Jakob1 well this can be done in multiple ways…
You can make both groups not visible on page load
When "current page width > 800" the group A should be visible
When "current page width < 800" the group B should be visible

system · 2022-11-01T16:33:48.832Z

This topic was automatically closed after 70 days. New replies are no longer allowed.