# Dashboard Browser Tab Title - Set from a variable

**URL:** <https://discourse.nodered.org/t/dashboard-browser-tab-title-set-from-a-variable/49751>\
**Category:** Dashboard\
**Created:** [15 August 2021 17:05 UTC](https://discourse.nodered.org/t/dashboard-browser-tab-title-set-from-a-variable/49751 "2021-08-15T17:05:33Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![twack](https://avatars.discourse-cdn.com/v4/letter/t/df705f/32.png) [@twack](https://discourse.nodered.org/u/twack)\
**Post date:** [15 August 2021 17:05 UTC](https://discourse.nodered.org/t/dashboard-browser-tab-title-set-from-a-variable/49751/1 "2021-08-15T17:05:33Z")

</div>

I'd like to use a variable to set the Browser's Title in it's tab. I know you can manually set it in dashboard settings, but that is not desired as I have numerous instances running (100+) at different locations.

Thank you in advance, for your reply!

---

<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:** [15 August 2021 18:43 UTC](https://discourse.nodered.org/t/dashboard-browser-tab-title-set-from-a-variable/49751/2 "2021-08-15T18:43:14Z")

</div>

You can probably use an environment variable eg ${title}. And set it outside of Node-RED

---

<div class="post-metadata">

**Author:** ![twack](https://avatars.discourse-cdn.com/v4/letter/t/df705f/32.png) [@twack](https://discourse.nodered.org/u/twack)\
**Post date:** [16 August 2021 13:45 UTC](https://discourse.nodered.org/t/dashboard-browser-tab-title-set-from-a-variable/49751/3 "2021-08-16T13:45:36Z")

</div>

Not quite sure how that is implemented. I just want the browser tab to show the hostname instead of "Node-RED Dashboard" and I need to do it programmatically, not from the NR Theme setting.

---

<div class="post-metadata">

**Author:** ![twack](https://avatars.discourse-cdn.com/v4/letter/t/df705f/32.png) [@twack](https://discourse.nodered.org/u/twack)\
**Post date:** [16 August 2021 19:50 UTC](https://discourse.nodered.org/t/dashboard-browser-tab-title-set-from-a-variable/49751/5 "2021-08-16T19:50:41Z")

</div>

Thank you for the response. Just a hand edit to the settings.js file works well enough for my use.

---

<div class="post-metadata">

**Author:** ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Post date:** [16 August 2021 20:46 UTC](https://discourse.nodered.org/t/dashboard-browser-tab-title-set-from-a-variable/49751/6 "2021-08-16T20:46:42Z")

</div>

That's good news. So what change do you make in settings.js?

---

<div class="post-metadata">

**Author:** ![twack](https://avatars.discourse-cdn.com/v4/letter/t/df705f/32.png) [@twack](https://discourse.nodered.org/u/twack)\
**Post date:** [16 August 2021 21:32 UTC](https://discourse.nodered.org/t/dashboard-browser-tab-title-set-from-a-variable/49751/7 "2021-08-16T21:32:10Z")

</div>

In settings.js, prior to the "module.exports = {" line, I added:

```auto
hostPart1 = "Host: ";
hostPart2 = require('os').hostname();
hostname = hostPart1 + hostPart2;
process.env.HOST_TITLE = hostname;

```

Then in Node-Red Dashboard "Site" tab, I just set it to: ${HOST\_TITLE}.

---

<div class="post-metadata">

**Author:** ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Post date:** [16 August 2021 22:23 UTC](https://discourse.nodered.org/t/dashboard-browser-tab-title-set-from-a-variable/49751/8 "2021-08-16T22:23:57Z")

</div>

I also find it useful to change the page heading on the editor by setting process.env.DEVICE and adding this immediately below **editorTheme: {**

header: {  
title: process.env.DEVICE  
},

I wish the editor and dashboard would default to showing the name of the flows file on the header!

---

<div class="post-metadata">

**Author:** ![twack](https://avatars.discourse-cdn.com/v4/letter/t/df705f/32.png) [@twack](https://discourse.nodered.org/u/twack)\
**Post date:** [16 August 2021 23:05 UTC](https://discourse.nodered.org/t/dashboard-browser-tab-title-set-from-a-variable/49751/9 "2021-08-16T23:05:08Z")

</div>

Nice! But, now you got me going down another rabbit hole. I also added:

```auto
page: {
    title: process.env.DEVICE
},

```

So now I get the device name in the browser tab. But, it also adds the suffix of ": IP address" . Wondering how I can drop/change the suffix. Any ideas?

TIA

---

<div class="post-metadata">

**Author:** ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Post date:** [16 August 2021 23:27 UTC](https://discourse.nodered.org/t/dashboard-browser-tab-title-set-from-a-variable/49751/10 "2021-08-16T23:27:44Z")

</div>

Don't know, sorry. This is what I currently have. I like to see the IP address.

 ![Untitled 5](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/4/6/465ead52ff7efc9820962b5743f1d9363ec021a3.jpeg)

---

<div class="post-metadata">

**Author:** ![twack](https://avatars.discourse-cdn.com/v4/letter/t/df705f/32.png) [@twack](https://discourse.nodered.org/u/twack)\
**Post date:** [17 August 2021 00:01 UTC](https://discourse.nodered.org/t/dashboard-browser-tab-title-set-from-a-variable/49751/11 "2021-08-17T00:01:39Z")

</div>

Yeah, I gave up. I don't spend too much time in the editor anyway. I use the editor on one host and then copy the flow files to all of the other clients once testing is complete.

---

<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:** [31 August 2021 00:02 UTC](https://discourse.nodered.org/t/dashboard-browser-tab-title-set-from-a-variable/49751/12 "2021-08-31T00:02:09Z")

</div>

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