Collapse when hidden - Column layout

Need help Responsiveness
1

Here is my use case and have read multiple forums without much success , so any help is appreciated.

Page payout - column

  1. First group has a height of 500 with few details inside and a column layout
  2. Second group has a height of 500 with few details inside and a column layout

Problem : i want to hide the group 1 when collapse , but space is there and the second group is showing below even when group 1 is hidden.

Am i doing something wrong ?

Thanks
Praveen

2

Could you post some screenshots or a link to the editor? :slight_smile:

2 Likes
3

IDK about the first part but I think the reason the second group is showing is because in the property editor you should uncheck show on page load for the second group, then you could go in the properties of the first group and set a condition like ( when Current User is logged In - This Element Is Visible, Checked) Just be aware you wont see that element anymore in the editor until you show it in the elements tree. In the property editor in those groups under conditional you can set a condition to show the element however you need

Hope this helps - Peyton

1 Like
5

@peytonthompson12 @p.dog
Thanks for the reply , tried but kinda not working as expected… so popup seems to be solution :slight_smile:
Not perfect but does the job.

Added a popup and once popup is closed showed the rest of the elements… and fits well for mobile screen as well :slight_smile:

1 Like