# Personalizing head bar (title bar)

**URL:** <https://discourse.nodered.org/t/personalizing-head-bar-title-bar/24469>\
**Category:** Dashboard\
**Created:** [8 April 2020 15:58 UTC](https://discourse.nodered.org/t/personalizing-head-bar-title-bar/24469 "2020-04-08T15:58:50Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Lupin\_III](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/lupin_iii/32/67650_2.png) [@Lupin\_III](https://discourse.nodered.org/u/Lupin_III)\
**Post date:** [8 April 2020 15:58 UTC](https://discourse.nodered.org/t/personalizing-head-bar-title-bar/24469/1 "2020-04-08T15:58:50Z")

</div>

Hi to all. I know that several topics like this have been already discussed, but I looked far and wide without find a solutions.  
Looking other post I've been able to insert a clock and a static text inside the title bar.  
Now I have two more needs: showing like a led inside the title bar with a text, both changing respectively color and content via msg (for example when the connection with the main device is lost, the led became red a text must show the time when the connection hung up)  
As better described here [How to change Dashboard names in the title bar via msg.payload](https://discourse.nodered.org/t/how-to-change-dashboard-names-in-the-title-bar-via-msg-payload/18511/2)  
Actually I'm able to change the led color but only when I'm in the same tab conteining the ui-template node. It disappear when I move to other tabs.  
Regarding the text value, instead, I haven't found any solution jet.  
Thanks for helping

---

<div class="post-metadata">

**Author:** ![edje11](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/edje11/32/572_2.png) [@edje11](https://discourse.nodered.org/u/edje11)\
**Post date:** [8 April 2020 22:50 UTC](https://discourse.nodered.org/t/personalizing-head-bar-title-bar/24469/2 "2020-04-08T22:50:39Z")

</div>

Hi,  
Here you can find a solution for the text.

> [@Bind text in the Dashboard header](https://discourse.nodered.org/t/bind-text-in-the-dashboard-header/23656/5):
>
> If you would like to see it in all dashboards tabs you could use my flow as a base, then place an hidden template node in all tabs (in template node options place it in the body and not in the head section because if in the head it cannot receive msg inputs) in that template just set up the template node to watch for the input: \<script\> (function(scope) { scope.$watch('msg.payload', function(data) { // get the element from the dashoard header and change its status using …

---

<div class="post-metadata">

**Author:** ![Lupin\_III](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/lupin_iii/32/67650_2.png) [@Lupin\_III](https://discourse.nodered.org/u/Lupin_III)\
**Post date:** [9 April 2020 08:11 UTC](https://discourse.nodered.org/t/personalizing-head-bar-title-bar/24469/3 "2020-04-09T08:11:07Z")

</div>

Thanks edje. Ok, but in this way I need to pass the message to each tab/flow. If I'm understanding correctly.  
Since I have quite a lot of them I was hoping there was a solution to avoid it. Just sending a msg inside the main one where this situation is evaluated.

---

<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:** [9 May 2020 08:11 UTC](https://discourse.nodered.org/t/personalizing-head-bar-title-bar/24469/4 "2020-05-09T08:11:15Z")

</div>

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