# Node-red-dashboard logo in header

**URL:** <https://discourse.nodered.org/t/node-red-dashboard-logo-in-header/92718>\
**Category:** Dashboard\
**Created:** [27 October 2024 17:27 UTC](https://discourse.nodered.org/t/node-red-dashboard-logo-in-header/92718 "2024-10-27T17:27:56Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![aboese](https://avatars.discourse-cdn.com/v4/letter/a/5daacb/32.png) [@aboese](https://discourse.nodered.org/u/aboese)\
**Post date:** [27 October 2024 17:27 UTC](https://discourse.nodered.org/t/node-red-dashboard-logo-in-header/92718/1 "2024-10-27T17:27:56Z")

</div>

Hello,  
I'm new to this topic and wanted to add a logo to the header of a dashboard. I used the template 'Node-red-dashboard logo in header' for this. The problem with this node is that every time you switch from a subpage to the page that uses the node, it adds another logo to the title. I thought that I could simply set a boolean switch to true after the first load, but unfortunately this didn't work. Does anyone have an idea how I could fix this?

Link to the template: [Node-red-dashboard logo in header (flow) - Node-RED](https://flows.nodered.org/flow/9ddf29277057e4666c1923061a507aaa)

The error is here:

```auto

        function addToToolbar() {
            var toolbar = $('.md-toolbar-tools');
            if(!toolbar.length) return;

            toolbar.append(div1);
        }
        addToToolbar();

```

---

<div class="post-metadata">

**Author:** ![xx\_Nexus\_xx](https://avatars.discourse-cdn.com/v4/letter/x/54ee81/32.png) [@xx\_Nexus\_xx](https://discourse.nodered.org/u/xx_Nexus_xx)\
**Post date:** [28 October 2024 03:34 UTC](https://discourse.nodered.org/t/node-red-dashboard-logo-in-header/92718/2 "2024-10-28T03:34:25Z")

</div>

why dont you follow the [example](https://dashboard.flowfuse.com/nodes/widgets/ui-template.html#page-name-app-bar-title) in the documents

it clearly shows how to position the logo .. it does not add-up logos for me

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

---

<div class="post-metadata">

**Author:** ![aboese](https://avatars.discourse-cdn.com/v4/letter/a/5daacb/32.png) [@aboese](https://discourse.nodered.org/u/aboese)\
**Post date:** [28 October 2024 08:11 UTC](https://discourse.nodered.org/t/node-red-dashboard-logo-in-header/92718/3 "2024-10-28T08:11:48Z")

</div>

This documentation is not part of the node-red-dashboard, it is part of the FlowFuse dashboard. I don't use this at all.

---

<div class="post-metadata">

**Author:** ![E1cid](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/e1cid/32/77971_2.png) [@E1cid](https://discourse.nodered.org/u/E1cid)\
**Post date:** [28 October 2024 10:44 UTC](https://discourse.nodered.org/t/node-red-dashboard-logo-in-header/92718/4 "2024-10-28T10:44:22Z")

</div>

Rather than append which will add a new image tag to the div, try setting the html of the div

```auto
toolbar.html(div1);

```

---

<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:** [28 October 2024 11:35 UTC](https://discourse.nodered.org/t/node-red-dashboard-logo-in-header/92718/5 "2024-10-28T11:35:29Z")

</div>

Maybe you could use a template along these lines:

```auto
<div style="position: fixed; top: 2px; z-index: 2;">
    <img src="/waterloo.png" height="60" width="70"></img>
</div>

```

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/6/f/6ffd7845f1fecdc6000ae9693bc1445bd7cf1663.png)

---

<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:** [11 November 2024 11:36 UTC](https://discourse.nodered.org/t/node-red-dashboard-logo-in-header/92718/6 "2024-11-11T11:36:08Z")

</div>

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