Hiding reusable floating sidebar menu when click away?

recker249 · 2024-07-11T15:49:25.375Z

How do I hide a reusable floating sidebar menu when clicked away? Whenever the hamburger menu is clicked it shows the sidebar menu, but when I click away it doesn’t hide.

I haven’t been able to find this particular problem on the forums or it hasn’t been explained clearly enough. I just think this should be a function that the Bubble team should work on adding asap to the Floating group. There should be an option in the Appearance tab of a Floatinggroup that when selected you can hide a floatgroup when clicked away from.

ihsanzainal84 · 2024-07-11T16:48:29.941Z

You can make create the same functionality easily with the Floating Group.

Set the FG to “align to parent”.
Make it not fit height nor width so it fills the page.
Create 2 groups, 1 for whatever UI and another just an empty group.
Make sure the empty one is “at the back”.
Create a WF when user clicks the empty group, hide floating group.
Make sure the floating group is set to “collapse when hidden” so it doesn’t block any clicks.

Instead of hiding the floating group you can instead hide the empty group and shrink your UI group. Just make sure the floating group’s width is adjusted also or it will block clicks.

recker249 · 2024-07-12T15:15:56.026Z

But It’s a reusable floating sidebar? Does this work with reusable floatgroup?

recker249 · 2024-07-12T15:18:21.465Z

I believe I have tried a similar method that worked but i had to copy/paste the menu to every page.
So what your saying is that your method works with Reusable floatgroup menus?

recker249 · 2024-07-12T15:21:35.510Z

Your answer doesn’t seem to apply to Reusables.

ihsanzainal84 · 2024-07-12T16:29:13.009Z

I have most of my sidebars in reusable floating groups. Works the same as it does in the page. All the blank group does is hide/shrink the reusable.

Is there something in particular you are not sure about when implementing it?

recker249 · 2024-07-13T13:45:19.860Z

ihsanzainal84:

Make it not fit height nor width so it fills the page.

ihsanzainal84:

Make it not fit height nor width so it fills the page.

" Make it not fit height nor width so it fills the page."

What do you mean by this? Do you mean not to make the height and width fixed width and set no minimum height nor width?

recker249 · 2024-07-13T19:24:17.743Z

I just found out there is a plugin for that called “Slidebar menu”. Do you recommend it?

system · 2024-09-19T15:50:09.390Z

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