# Feature Request - Off - Auto - On Toggle

**URL:** <https://discourse.nodered.org/t/feature-request-off-auto-on-toggle/40837>\
**Category:** Dashboard\
**Created:** [11 February 2021 20:09 UTC](https://discourse.nodered.org/t/feature-request-off-auto-on-toggle/40837 "2021-02-11T20:09:06Z")\
**Posts on this page:** 1\
**Showing post:** 20

<div class="post-metadata">

**Author:** ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)\
**Post date:** [13 February 2021 13:13 UTC](https://discourse.nodered.org/t/feature-request-off-auto-on-toggle/40837/20 "2021-02-13T13:13:22Z")

</div>

There is also `md-nav-bar` which is by nature the correct thing to be base of the this thing here.

```auto
[{"id":"778d7358.63fecc","type":"ui_template","z":"a05ff4cd.1ae7e8","group":"19f5ed07.08a453","name":"nav-bar","order":12,"width":0,"height":0,"format":"<style>\n._md-nav-bar-list {\n flex-direction: row;\n justify-content: flex-start;\n}\nli.md-nav-item {\n width: 100%;\n}\n.md-nav-item:first-of-type {\n margin-left: 0px; \n}\nmd-nav-bar > div > nav > ul > li > button{\n width:98%;\n}\nmd-nav-bar md-nav-ink-bar {\n color: var(--nr-dashboard-groupTextColor);\n background: var(--nr-dashboard-groupTextColor);\n}\n</style>\n<div ng-cloak>\n <md-content class=\"md-padding\">\n <md-nav-bar\n md-no-ink-bar=\"disableInkBar\"\n md-selected-nav-item=\"currentNavItem\"\n nav-bar-aria-label=\"navigation links\">\n <md-nav-item md-nav-click=\"goto('page1')\" name=\"page1\">\n One\n </md-nav-item>\n <md-nav-item md-nav-click=\"goto('page2')\" name=\"page2\" ng-disabled=\"secondTabDisabled\">\n Two\n </md-nav-item>\n <md-nav-item md-nav-click=\"goto('page3')\" name=\"page3\">\n Three\n </md-nav-item>\n\n </md-nav-bar>\n \n\n </md-content>\n</div>","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","x":230,"y":1000,"wires":[[]]},{"id":"19f5ed07.08a453","type":"ui_group","name":"Default","tab":"c71e2691.3704f8","order":1,"disp":true,"width":"6","collapse":false},{"id":"c71e2691.3704f8","type":"ui_tab","name":"Home","icon":"dashboard","disabled":false,"hidden":false}]

```

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/5/d/5d27deaee5c97fe34ef09fe845b5f34888554773.png)

Actually this could have potential to be part of the standard set of dashboard nodes? @dceejay

---

_[View the full topic](https://discourse.nodered.org/t/feature-request-off-auto-on-toggle/40837)._