# Feature request: Show side nav on larger displays option

**URL:** <https://discourse.nodered.org/t/feature-request-show-side-nav-on-larger-displays-option/4821>\
**Category:** Dashboard\
**Created:** [12 November 2018 22:28 UTC](https://discourse.nodered.org/t/feature-request-show-side-nav-on-larger-displays-option/4821 "2018-11-12T22:28:47Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![svefro](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/svefro/32/4306_2.png) [@svefro](https://discourse.nodered.org/u/svefro)\
**Post date:** [12 November 2018 22:28 UTC](https://discourse.nodered.org/t/feature-request-show-side-nav-on-larger-displays-option/4821/1 "2018-11-12T22:28:47Z")

</div>

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](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?

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [12 November 2018 23:45 UTC](https://discourse.nodered.org/t/feature-request-show-side-nav-on-larger-displays-option/4821/2 "2018-11-12T23:45:32Z")

</div>

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 🙂

---

<div class="post-metadata">

**Author:** ![svefro](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/svefro/32/4306_2.png) [@svefro](https://discourse.nodered.org/u/svefro)\
**Post date:** [14 November 2018 11:30 UTC](https://discourse.nodered.org/t/feature-request-show-side-nav-on-larger-displays-option/4821/3 "2018-11-14T11:30:20Z")

</div>

Anyone willing to implement that option?

---

<div class="post-metadata">

**Author:** ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)\
**Post date:** [14 November 2018 12:36 UTC](https://discourse.nodered.org/t/feature-request-show-side-nav-on-larger-displays-option/4821/4 "2018-11-14T12:36:00Z")

</div>

I nominate @svefro 😜

---

<div class="post-metadata">

**Author:** ![knolleary](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/knolleary/32/3_2.png) [@knolleary](https://discourse.nodered.org/u/knolleary)\
**Post date:** [14 November 2018 12:39 UTC](https://discourse.nodered.org/t/feature-request-show-side-nav-on-larger-displays-option/4821/5 "2018-11-14T12:39:38Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![svefro](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/svefro/32/4306_2.png) [@svefro](https://discourse.nodered.org/u/svefro)\
**Post date:** [14 November 2018 21:45 UTC](https://discourse.nodered.org/t/feature-request-show-side-nav-on-larger-displays-option/4821/6 "2018-11-14T21:45:09Z")

</div>

Awesome!  
Really appreciate it Dave 🙂  
i'm not familiar enough with the code-base to make those kind of changes myself.

Any idea when the next version is released?

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [14 November 2018 21:54 UTC](https://discourse.nodered.org/t/feature-request-show-side-nav-on-larger-displays-option/4821/7 "2018-11-14T21:54:43Z")

</div>

Maybe later this week/end - just checking out some audio updates from this thread. [Node red dashboard audio wish](https://discourse.nodered.org/t/node-red-dashboard-audio-wish/4798/27)

---

<div class="post-metadata">

**Author:** ![hugobox](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hugobox/32/2948_2.png) [@hugobox](https://discourse.nodered.org/u/hugobox)\
**Post date:** [14 November 2018 21:55 UTC](https://discourse.nodered.org/t/feature-request-show-side-nav-on-larger-displays-option/4821/8 "2018-11-14T21:55:28Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [14 November 2018 22:48 UTC](https://discourse.nodered.org/t/feature-request-show-side-nav-on-larger-displays-option/4821/9 "2018-11-14T22:48:24Z")

</div>

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

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/f/f4d97f70c5454f5cf70e28beadc8856810843f85.png)

---

<div class="post-metadata">

**Author:** ![hugobox](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hugobox/32/2948_2.png) [@hugobox](https://discourse.nodered.org/u/hugobox)\
**Post date:** [15 November 2018 18:42 UTC](https://discourse.nodered.org/t/feature-request-show-side-nav-on-larger-displays-option/4821/10 "2018-11-15T18:42:02Z")

</div>

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