Sidebar hovered

leocadiotrindade · 2024-09-12T11:17:27.063Z

I’m building a side menu bar that when I hover over the icon, the group of that icon expands the width to 250px (original is 70px). However, when I hover the mouse to the end of the expanded group, when it reaches the limit of the parent group (sidebar group) it returns to 70px. What I’m trying to do is something similar to the sidebar of this template:

coderthemes.com

Remix Icons | Hyper - Responsive Bootstrap 5 Admin Dashboard

A fully featured admin theme which can be used to build CRM, CMS, etc.

Here is a video exemplifying my problem

drive.google.com

Gravando 2024-09-12 081426.mp4

Google Drive file.

Can you help me?

ntabs · 2024-09-12T11:32:00.352Z

Here’s a video that was posted a week ago by @build.marshall

[VIDEO] Converting to a Hover Activated Side Menu Tips

[Bubble.io - Hover Activated Side Menu] Hey everyone, I put together a video covering how I converted my side menu into a hover activated menu. More than anything else this is probably what you would call Bubble related entertainment (more-so than a step by step tutorial). I’ve got a step by step of this video and some other tutorials coming soon, along with daily videos out on YouTube for anyone needing a fix of Bubble building content! Hope you enjoy! Nick

This is based on hover interaction but setting it up in a way that it would collapse using buttons/elements should be easy

Hope this helps

build.marshall · 2024-09-12T20:58:18.440Z

Thanks for sharing Nino!

leocadiotrindade · 2024-09-16T20:08:48.005Z

I still haven’t managed to make the hovered effect remain when I drag the mouse to the resized container.

leocadiotrindade · 2024-09-19T19:09:22.059Z

Can you help me?

system · 2024-11-21T11:17:56.038Z

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