Logic Machine Forum
Make a slide menu - Printable Version

+- Logic Machine Forum (https://forum.logicmachine.net)
+-- Forum: LogicMachine eco-system (https://forum.logicmachine.net/forumdisplay.php?fid=1)
+--- Forum: Visualization (https://forum.logicmachine.net/forumdisplay.php?fid=9)
+--- Thread: Make a slide menu (/showthread.php?tid=5334)

Make a slide menu - Ceros2112 - 03.04.2024

Hello,

one of my customer asked me to create a menu on the left side with a tab that slides to the right on click like this:

   

   

any ideas? I was thinking about some kind of animation in javascript but I haven't figured it out yet  Undecided


Thanks

RE: Make a slide menu - Daniel - 03.04.2024

Did you try?
Usermode sidebar: Show as overlay (auto-hide)

RE: Make a slide menu - Ceros2112 - 03.04.2024

Thanks,

of course I know about this but I don't think that's what I need,
they want more than one slide menu, plus they want to block all the elements on the page when one menu is open.
In addition to that they want this to look exactly like the example, but this is only a matter of look and it's not really a problem.

RE: Make a slide menu - Daniel - 03.04.2024

What do you mean by more than one slide menu?

RE: Make a slide menu - Ceros2112 - 03.04.2024

Ok, I solved it using javascript and css.
Thanks.

RE: Make a slide menu - ferrim - 05.04.2024

(03.04.2024, 11:57)Ceros2112 Wrote: Ok, I solved it using javascript and css.
Thanks.

interesting, could you tell us how you did it? 
BR
Marcello

RE: Make a slide menu - Ceros2112 - 08.04.2024

I can't extract a snippet of code because it adapts specifically to my project, but basically I put an image object on the page as background of the menu, then created a css class with the updated position of the object to move it outside the border of the page when the menu is "collapsed" and toggled it via javascript whenever i need to (for example when I click a specific button).

RE: Make a slide menu - ferrim - 10.04.2024

Thanks, it can always be useful to someone.