When using node-red-dashboard as a frontend for my house on a tablet it would be nice to be able to always show the side nav when there is room on the screen. Like the first sample here https://material.angularjs.org/latest/demo/sidenav Or have a option to have it on top as a side scrolling horizontal top bar. Both options should only be active in wide enough screens. Is this something others might be interested in?

Being able to lock the side menu open is not a bad idea. Not sure I'd use it, but that's not the point :slight_smile:

Anyone willing to implement that option?

I nominate @svefro :stuck_out_tongue_winking_eye:

@dceejay is ahead of you - https://github.com/node-red/node-red-dashboard/commit/b6d22e4c5c1adffe44d8599e5984fcf4c875cb56

Awesome! Really appreciate it Dave :slight_smile: i'm not familiar enough with the code-base to make those kind of changes myself. Any idea when the next version is released?

Also while we're talking about the side nav, would it be possible to change its width via the dasboard site menu ? Long tab names tend to look bad in 200px.

made it more auto sizing up to 350px - and made multiple lines more nicely spaced. [image]

Auto-sizing with multiline is even better! Greatly appreciated!

Node-RED

Node-RED Forum

Feature request: Show side nav on larger displays option

Dashboard

dceejay 14 November 2018 21:54 7

Maybe later this week/end - just checking out some audio updates from this thread. Node red dashboard audio wish

Topic		Replies	Views
Dashboard CSS tweaks for Side Navigation Dashboard node-red-dashboard	2	585	16 November 2023
Button in Sidenav Dashboard	11	1368	10 June 2020
Can I set Node-RED webpage to open without the side panels? General	0	154	25 December 2022
Show/hide Dasboard ui side menu with groups Dashboard	11	4652	9 January 2023
Side navigation sizing Dashboard	2	868	7 October 2021

Copyright OpenJS Foundation and Node-RED contributors. All rights reserved. The OpenJS Foundation has registered trademarks and uses trademarks. For a list of trademarks of the OpenJS Foundation, please see our Trademark Policy and Trademark List. Trademarks and logos not indicated on the list of OpenJS Foundation trademarks are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them.

Feature request: Show side nav on larger displays option

Related topics