Hey, i was wondering if someone did a sidemenu collaps inside their app (Collapse Width) or may did this with responsive mode - has anyone an idea or can this be a feature for future?
I now that hidding elements work great when you have them underneath but how to collaps sideways?
Here a screenshot from my new tool i want to build with bubble:
Hey Thanks for the help, but this not really collapses the width - it would work if we just have one menu but we have the secondary submenu also in the page and they shoud be triggered independet.
Take a look in the post below, I know that it is related to the height, but I assume you could use the same code/logic to manipulate the width as well.
Just make a floater, and when the floater is open, make the content box (left or right) have a conditional border or about 200 px or so (whatever your width of your menu is).
When you hit that toggle, show the border.
To make it look better, add animation to it via transitions.
Play with that for a day and you’ll figure it out.
This could really work - when you start resizing your browser window this even works perfectly with responsiveness - anyone has an idea how to trigger the responsive engine on bubble via workflow, css, jq or js?
Btw: This only works when the Border is shown when the page is loading - thats why it makes the small jump in page load. If i do not load it directly when the page is loaded - it does not work with the responsive engine.
I like how you treat it on mobile but basically i want the collapse of the sidemenu to have more space - this basically works like you see in the video - the question is how can i trigger the responsive editor without changing my browser size per hand - then everything would work fine.
Basically i am not a coder, thats why i use bubble - but maybe someone can post this here as well - when he/she has a solution so the “collapse width topic” can be closed totally after years of questioning from the community.
Are you using a plug-in for that? I feel like I don’t have that issue with my side slide menu Plugin.
It look like after you close the menu and you resize the window and then that automatically readjusted Responsiveness settings for each element on the screen or the entire document overall. It would be nice if we just had a workflow action that could resize all elements for us because clearly this system isn’t smart enough to identify every single time it needs to happen. I’ve had times when I wanted to resize all the elements without it being possible myself.
No i used a floating group and border left in a group triggered by set state.
What are you using for a plugin?
Most plugins i tried slide the left site and stay with the main content out of browser - i want the content to change in responsiveness when the menu slides in - but this only works if i change my browser size by hand like you see in the video above.
If you want to check out how i did it check out my editor link.
Any CSS trick to change the size by hand so the responsive enginge tracks again?
