# Navigation Button on Tab Titlebar

**URL:** <https://discourse.nodered.org/t/navigation-button-on-tab-titlebar/92667>\
**Category:** General\
**Tags:** node-red-dashboard\
**Created:** [25 October 2024 13:13 UTC](https://discourse.nodered.org/t/navigation-button-on-tab-titlebar/92667 "2024-10-25T13:13:54Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![eddee54455](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/eddee54455/32/43350_2.png) [@eddee54455](https://discourse.nodered.org/u/eddee54455)\
**Post date:** [25 October 2024 13:13 UTC](https://discourse.nodered.org/t/navigation-button-on-tab-titlebar/92667/1 "2024-10-25T13:13:54Z")

</div>

Good day all!

I am hoping it is possible to put a single navigation button on tab title bar.

More specifically, I am hoping it is possible to accommodate the following scenario:

3 Tabs - "Mainstatus", "Inverter Status" and Inverter Control"

Inverter Status and Inverter control tabs need a quick and easy button to revert back to the main status page (The browser when it is full screen mode doesn't show the "back button")  
The main status page, being the "Entry point" of the system, does not need the button to be shown...

Whilst it is possible to use a ui-control node and button on an individual dash involved, I would prefer to keep the "navigation" portion of the system up at the top in the unused space of the title bar...

Any help would be immensely appreciated!!

Regds  
Ed

Edit: Moved to General Topics

---

<div class="post-metadata">

**Author:** ![smanjunath211](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/smanjunath211/32/95742_2.png) [@smanjunath211](https://discourse.nodered.org/u/smanjunath211)\
**Post date:** [25 October 2024 16:21 UTC](https://discourse.nodered.org/t/navigation-button-on-tab-titlebar/92667/2 "2024-10-25T16:21:43Z")

</div>

I got the button to the title bar using teleport but clicking not working...

---

<div class="post-metadata">

**Author:** ![joepavitt](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/joepavitt/32/59722_2.png) [@joepavitt](https://discourse.nodered.org/u/joepavitt)\
**Post date:** [28 October 2024 09:45 UTC](https://discourse.nodered.org/t/navigation-button-on-tab-titlebar/92667/3 "2024-10-28T09:45:49Z")

</div>

Which version of Dashboard are you using here? If FlowFuse Dashboard (Dashboard 2.0), then you can use a Teleport: [Template ui-template | Node-RED Dashboard 2.0](https://dashboard.flowfuse.com/nodes/widgets/ui-template.html#teleports)

---

<div class="post-metadata">

**Author:** ![eddee54455](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/eddee54455/32/43350_2.png) [@eddee54455](https://discourse.nodered.org/u/eddee54455)\
**Post date:** [29 October 2024 14:52 UTC](https://discourse.nodered.org/t/navigation-button-on-tab-titlebar/92667/4 "2024-10-29T14:52:14Z")

</div>

Hi Joe,

I got lost at your first question...Node Red 4....Dashboard.....Dunno...Where do I look it up?

Looking at the link you included, it seems as if this would be the way to do it, but again, ran out of grey matter around 6 lines into the template code...I am, euphemistically speaking, "not too bright" where it comes to templates and similar....

Tnx  
Ed

---

<div class="post-metadata">

**Author:** ![joepavitt](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/joepavitt/32/59722_2.png) [@joepavitt](https://discourse.nodered.org/u/joepavitt)\
**Post date:** [29 October 2024 15:13 UTC](https://discourse.nodered.org/t/navigation-button-on-tab-titlebar/92667/5 "2024-10-29T15:13:35Z")

</div>

> [@eddee54455](#):
>
> I got lost at your first question...Node Red 4....Dashboard.....Dunno...Where do I look it up?

In Node-RED, Click the three line menu in the top-right, then "Manage Palette", and it will be listed in the "Nodes" tab

---

<div class="post-metadata">

**Author:** ![eddee54455](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/eddee54455/32/43350_2.png) [@eddee54455](https://discourse.nodered.org/u/eddee54455)\
**Post date:** [29 October 2024 15:27 UTC](https://discourse.nodered.org/t/navigation-button-on-tab-titlebar/92667/6 "2024-10-29T15:27:27Z")

</div>

Hi J,

node-red-dashboard

3.6.5

E

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [28 November 2024 15:28 UTC](https://discourse.nodered.org/t/navigation-button-on-tab-titlebar/92667/7 "2024-11-28T15:28:22Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.