Please add the ability to hide floating groups in the Responsive View. I have a floating group that is overlaying other groups when I reduce the page width. Not sure if that is a bug, but to overcome the issue I want to be able to hide the floating group below a certain size in the responsive view, and that option is not available. [image] Here’s a screenshot showing the floating group appearing over top of another regular group. I would prefer the other group to float down below the floating group. [image]

Thanks for the response, Andrew. You’ve solved my problem!

Hello @emmanuel I am trying to hide the floating group using the conditional statement but unfortunately this doesn’t really function like the native feature in the responsive designer as it does not adjust the elements to its right to re-align to use the white space. Is there a possibility of adding the “Hide when patent width” option?

It does but the other group width are not adjusted. The behavior that is its hidden, but does not allow other elements to resize its width. See below Normal [image] Hidden using conditional format. See the white space [image]

Floating groups aren’t part of the page as other elements are, that’s why. This is by design (and not easily changeable).

Any suggestions of how to overcome this or a workaround

Did you figure out a workaround to this problem? I solved it using a border to the group that I want to push to the left. By default it shows from X=0 but when the left menu is visible it gets a 60px border: [image] Not sure if this is very practical though…

@AliFarahat Identify why the element is positioned as it is, and run some custom JS to fix it using css. Look into using JS/jquery for adding styles. I also recommend you tag your div`s you want to manipulate using javascript, adding a unique ID to them. Put a html block inside and use JS to add a class or ID to the 4th parent. Then you can play with css in a more easy manner.

This may have been solved elsewhere but figured I’d add my input since I’ve been struggling with this too and this particular thread was the most relevant to my issue. Instead of a floating group, I created a regular rectangular “menu” group to the left of a group with my other content. Then, in the responsive menu, I used the “add hiding rule” option for this “menu”. When I resized the browser window, it promptly disappeared and the group to the right, with the main content of the page, expanded to fill in the gap. I then created a reusable element from the “menu” group and added it to a floating group, triggered by a menu button. This allowed me to show the same menu on top of the content.

Add ability to hide floating groups in Responsive view

Idea

adenaikeolugbenga January 5, 2019, 5:06pm 16

could you pls share screenshots of how you did this

WHY there is no way to really hide a floating group?

Topic		Replies	Views
Facing issue to hide floating group in responsive Need help	1	557	August 11, 2020
Floating group conditional + responsive Responsiveness	1	327	May 20, 2021
WHY there is no way to really hide a floating group? Responsiveness	2	2799	December 24, 2020
Is there a way to use a floating group in responsive mode? Need help	3	209	March 16, 2024
Responsive - Group hidden behind Floating Group Responsiveness	4	1222	October 10, 2020

Add ability to hide floating groups in Responsive view

Related topics