# Editor Browser Tab Title

**URL:** <https://discourse.nodered.org/t/editor-browser-tab-title/85604>\
**Category:** Feature Requests\
**Created:** [16 February 2024 23:00 UTC](https://discourse.nodered.org/t/editor-browser-tab-title/85604 "2024-02-16T23:00:44Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![dunum](https://avatars.discourse-cdn.com/v4/letter/d/258eb7/32.png) [@dunum](https://discourse.nodered.org/u/dunum)\
**Post date:** [16 February 2024 23:00 UTC](https://discourse.nodered.org/t/editor-browser-tab-title/85604/1 "2024-02-16T23:00:45Z")

</div>

Hi  
The change to the editor browser title introduced into Node-RED version 3.1.5 (discussed here [Editor Browser Tab Title](https://discourse.nodered.org/t/thoughts-for-a-small-enhancement-editor-browser-tab-title/82326/1)?) causes me problems when multiple browser tabs are open, each editing flows on **different machines**.

Now the tab name shows the Node-RED flow name, the only way to know which machine you are editing is to identify it from the browser address bar.

My home automation system includes four Raspberry Pis all of which have at least one common flow (with the same name on each). The change makes it difficult to avoid problems when, for example, copying / pasting code between machines!

Would it be possible to make the tab title configurable?

---

<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:** [17 February 2024 00:04 UTC](https://discourse.nodered.org/t/editor-browser-tab-title/85604/2 "2024-02-17T00:04:26Z")

</div>

If I understand what you are referring to, it is possible to change the name in the browser tab header, at least on Linux.  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/1/f/1f33f40b0f3cebca15408d16ead9854eb9f9e070.png)

On the right is a Raspberry Pi "zero2green" running Node-red 3.1.5, without this tweek.  
On the left a Pi "zero2red" on which settings.js and flows.json have a minor change.  
Note that Node-red still appends the name of the flow to the browser tab title.  
Also the pic above shows the IP address in the tab title too, but I stripped that code out for simplicity.

settings.js:  
Insert immediately above Module.exports {

```auto
// ----------- added by script ----------
 hostname = require('os').hostname();
 process.env.HOSTNAME = hostname;
// --------------------------------------

```

And immediately below editorTheme: {

```auto
// ----------- added by script ----------
       header: {
          // This is the text next to the Node-red logo on the editor page header
          title: process.env.HOSTNAME
       },
       page: {
          // And this is the text next to the favicon on the browser tab
          title: process.env.HOSTNAME,
       },
// --------------------------------------

```

To change the browser tab title for the dashboard change flows.json:  
Change

```auto
 "site": {
            "name": "Node-RED Dashboard",

```

to

```auto
 "site": {
            "name": "${HOSTNAME}",

```

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [17 February 2024 10:01 UTC](https://discourse.nodered.org/t/editor-browser-tab-title/85604/3 "2024-02-17T10:01:41Z")

</div>

Or you can leave out the bit

```auto
// ----------- added by script ----------
 hostname = require('os').hostname();
 process.env.HOSTNAME = hostname;
// --------------------------------------

```

and in the editor theme use

```auto
  page: {
            title: "Whatever text you want",
},

```

---

<div class="post-metadata">

**Author:** ![dunum](https://avatars.discourse-cdn.com/v4/letter/d/258eb7/32.png) [@dunum](https://discourse.nodered.org/u/dunum)\
**Post date:** [17 February 2024 15:39 UTC](https://discourse.nodered.org/t/editor-browser-tab-title/85604/4 "2024-02-17T15:39:01Z")

</div>

I have implemented [jbudd](https://discourse.nodered.org/u/jbudd)'s solution (mainly because I already had an environment variable set to hostname) and it works just fine!

Many thanks to [jbudd](https://discourse.nodered.org/u/jbudd) and [Colin](https://discourse.nodered.org/u/Colin) for your replies.

Happy again 🙂

---

<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:** [17 April 2024 15:39 UTC](https://discourse.nodered.org/t/editor-browser-tab-title/85604/5 "2024-04-17T15:39:07Z")

</div>

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