# Logo on taskbar

**URL:** <https://discourse.nodered.org/t/logo-on-taskbar/80056>\
**Category:** General\
**Tags:** node-red-dashboard\
**Created:** [25 July 2023 11:44 UTC](https://discourse.nodered.org/t/logo-on-taskbar/80056 "2023-07-25T11:44:35Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![m2iandom](https://avatars.discourse-cdn.com/v4/letter/m/b5e925/32.png) [@m2iandom](https://discourse.nodered.org/u/m2iandom)\
**Post date:** [25 July 2023 11:44 UTC](https://discourse.nodered.org/t/logo-on-taskbar/80056/1 "2023-07-25T11:44:36Z")

</div>

Hello guys,  
I have added a logo to the taskbar using the script below inside a template node :

the problem is that if I have multiple groups and select them repeatly from the hamburger icon, the logo will appear multiple times on the toolbar instead of showing once at the top right...  
How do I get the image to stay fixed at the top right ?

Thanks and regards,  
Dominic

```auto
<script id="logoscript" type="text/javascript">
    $(function () {

        //add logo
        var div1 = $('<div/>');
        var logo = new Image();

        logo.src = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4zLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4KCjxzdmcKICAgdmVyc2lvbj0iMS4xIgogICB4PSIwcHgiCiAgIHk9IjBweCIKICAgdmlld0JveD0iMCAwIDE5NyAzNC41Njc0NDUiCiAgIHhtbDpzcGFjZT0icHJlc2VydmUiCiAgIGlkPSJzdmcxMiIKICAgc29kaXBvZGk6ZG9jbmFtZT0ibmNfbWFyY2hpb19wb3NpdGl2b19zY2FsYXRvMi5zdmciCiAgIHdpZHRoPSIxOTciCiAgIGhlaWdodD0iMzQuNTY3NDQ0IgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjIuMiAoNzMyYTAxZGE2MywgMjAyMi0xMi0wOSkiCiAgIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIgogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnMKICAgaWQ9ImRlZnMxNiIgLz48c29kaXBvZGk6bmFtZWR2aWV3CiAgIGlkPSJuYW1lZHZpZXcxNCIKICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICBib3JkZXJjb2xvcj0iIzAwMDAwMCIKICAgYm9yZGVyb3BhY2l0eT0iMC4yNSIKICAgaW5rc2NhcGU6c2hvd3BhZ2VzaGFkb3c9IjIiCiAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiCiAgIGlua3NjYXBlOnBhZ2VjaGVja2VyYm9hcmQ9IjAiCiAgIGlua3NjYXBlOmRlc2tjb2xvcj0iI2QxZDFkMSIKICAgc2hvd2dyaWQ9ImZhbHNlIgogICBpbmtzY2FwZTp6b29tPSIyLjczNDc1NTYiCiAgIGlua3NjYXBlOmN4PSIxNDkuMTkwNjYiCiAgIGlua3NjYXBlOmN5PSI4MS43MjU3NjYiCiAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iMTAwMSIKICAgaW5rc2NhcGU6d2luZG93LXg9Ii05IgogICBpbmtzY2FwZTp3aW5kb3cteT0iLTkiCiAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiCiAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9InN2ZzEyIiAvPgo8c3R5bGUKICAgdHlwZT0idGV4dC9jc3MiCiAgIGlkPSJzdHlsZTIiPgoJLnN0MHtmaWxsOiNFMzA2MTM7fQoJLnN0MXtmaWxsOiNGRkZGRkY7fQoJLnN0MntkaXNwbGF5Om5vbmU7fQo8L3N0eWxlPgo8ZwogICBpZD0iTGl2ZWxsb18xIgogICB0cmFuc2Zvcm09Im1hdHJpeCgwLjMxMDc3NDU3LDAsMCwwLjI5NTE5NTk0LC0zMi4zMjA1NTUsLTcwLjU4MTM0OSkiPgoJPGcKICAgaWQ9Imc4Ij4KCQk8cGF0aAogICBkPSJtIDczNS43LDMzOS4yIHYgMS43IGggMC4zIHYgLTAuNyBoIDAuMiBjIDAuMiwwIDAuMywwIDAuMywwLjEgMC4xLDAuMSAwLjIsMC4yIDAuMiwwLjQgdiAwLjEgMC4xIGMgMCwwIDAsMCAwLDAgMCwwIDAsMCAwLDAgaCAwLjMgdiAwIGMgMCwwIDAsMCAwLC0wLjEgMCwwIDAsLTAuMSAwLC0wLjEgdiAtMC4xIGMgMCwtMC4xIDAsLTAuMiAtMC4xLC0wLjMgLTAuMSwtMC4xIC0wLjIsLTAuMSAtMC4zLC0wLjIgMC4xLDAgMC4yLDAgMC4zLC0wLjEgMC4xLC0wLjEgMC4yLC0wLjIgMC4yLC0wLjMgMCwtMC4yIC0wLjEsLTAuNCAtMC4zLC0wLjQgLTAuMSwwIC0wLjMsLTAuMSAtMC41LC0wLjEgeiBtIDEsMC41IGMgMCwwLjEgLTAuMSwwLjIgLTAuMiwwLjMgLTAuMSwwIC0wLjIsMCAtMC4zLDAgSCA3MzYgdiAtMC42IGggMC4zIGMgMC4yLDAgMC4zLDAgMC40LDAuMSAwLDAgMCwwLjEgMCwwLjIgbSAxLjIsMC40IGMgMCwtMC40IC0wLjIsLTAuOCAtMC41LC0xLjEgLTAuMywtMC4zIC0wLjcsLTAuNSAtMS4xLC0wLjUgLTAuNCwwIC0wLjgsMC4yIC0xLjEsMC41IC0wLjMsMC4zIC0wLjUsMC43IC0wLjUsMS4xIDAsMC40IDAuMiwwLjggMC41LDEuMSAwLjMsMC4zIDAuNywwLjUgMS4xLDAuNSAwLjQsMCAwLjgsLTAuMiAxLjEsLTAuNSAwLjMsLTAuMyAwLjUsLTAuNyAwLjUsLTEuMSBtIC0xLjYsLTEuNCBjIDAuNCwwIDAuNywwLjEgMSwwLjQgMC4zLDAuMyAwLjQsMC42IDAuNCwxIDAsMC40IC0wLjEsMC43IC0wLjQsMSAtMC4zLDAuMyAtMC42LDAuNCAtMSwwLjQgLTAuNCwwIC0wLjcsLTAuMSAtMSwtMC40IC0wLjMsLTAuMyAtMC40LC0wLjYgLTAuNCwtMSAwLC0wLjQgMC4xLC0wLjcgMC40LC0xIDAuMywtMC4yIDAuNiwtMC40IDEsLTAuNCBtIC0xMjcsLTAuMyBoIDE1LjQgdiAzLjEgbCAtOC42LDkuNiBoIDguNiB2IDMuMSBoIC0xNS45IHYgLTMuMSBsIDguNSwtOS42IGggLTggeiBtIDExMS4xLDAgNy42LDkuNSB2IC05LjUgaCA0LjggdiAxNS45IEggNzI4IGwgLTcuNywtOS42IHYgOS42IGggLTQuOCB2IC0xNS45IHogbSAtMTMuOSwwIGggNS40IHYgMTUuOSBoIC01LjQgeiBtIC0xMy4xLDAgaCAyLjkgMi41IHYgNi40IDYuNCBoIDIuOSAzIHYgMy4xIGggLTUuNyAtNS42IHogbSAtNjUuNSwwIGggNi4zIDYuNCB2IDEuNiAxLjYgaCAtMy43IC0zLjYgdiAxLjYgMS42IGggMy4zIDMuNSB2IDEuNiAxLjYgaCAtMy41IC0zLjMgdiAxLjYgMS41IGggNy43IHYgMS42IDEuNSBoIC02LjYgLTYuNSB6IG0gMjQuNyw4LjEgYyAtMC43LDAuNyAtMi4xLDAuNiAtMi4xLDAuNiBoIC0wLjkgdiAtNS41IGggMC45IGMgMCwwIDEuMiwwIDEuNywwLjMgMC44LDAuNSAxLDEuMyAxLDIuMyAwLjEsMC45IDAsMS42IC0wLjYsMi4zIG0gMS43LC03LjcgYyAtMS4zLC0wLjQgLTQuNCwtMC40IC00LjQsLTAuNCBoIC0yLjMgdiAwIGggLTMuNSB2IDE1LjkgaCA1LjYgdiAtMy43IGMgMC42LDAgMS4xLDAgMS41LDAgMC44LDAgMi4zLC0wLjIgMy40LC0wLjYgMi43LC0xIDQuMSwtMy4yIDQuMSwtNS41IC0wLjIsLTIuNSAtMS40LC00LjcgLTQuNCwtNS43IG0gMjIuOSwtMC40IGggNi4zIDYuNCB2IDEuNiAxLjYgaCAtMy43IC0zLjYgdiAxLjYgMS42IGggMy4zIDMuNSB2IDEuNiAxLjYgaCAtMy40IC0zLjMgdiAxLjYgMS41IGggNy43IHYgMS42IDEuNSBoIC02LjYgLTYuNSB2IC0xNS44IHogbSAtOCw4LjEgYyAtMC42LDAuNyAtMi4xLDAuNiAtMi4xLDAuNiBoIC0wLjkgdiAtNS41IGggMC45IGMgMCwwIDEuMiwwIDEuNywwLjMgMC44LDAuNSAxLDEuMyAxLDIuMyAwLDAuOSAwLDEuNiAtMC42LDIuMyBtIDEuNywtNy43IGMgLTEuMywtMC40IC00LjQsLTAuNCAtNC40LC0wLjQgaCAtMi4zIHYgMCBoIC0zLjUgdiAxNS45IGggNS42IHYgLTMuNyBjIDAuNiwwIDEuMiwwIDEuNSwwIDAuOCwwIDIuMywtMC4yIDMuNCwtMC42IDIuNywtMSA0LjEsLTMuMiA0LjEsLTUuNSAtMC4yLC0yLjUgLTEuNCwtNC43IC00LjQsLTUuNyIKICAgaWQ9InBhdGg0IiAvPgoJCTxwYXRoCiAgIGNsYXNzPSJzdDAiCiAgIGQ9Im0gMzQxLDMzMS4zIGggMzguNiBjIDUuMSwwIDkuMiwtNC4xIDkuMiwtOS4yIHYgLTQ5LjggYyAwLC01LjEgLTQuMSwtOS4yIC05LjIsLTkuMiBoIC0yNS4xIHYgMTkuNSBIIDM3MCB2IDI5LjEgSCAzNTAuNCBWIDI2MyBIIDM0MSBjIC01LjEsMCAtOS4yLDQuMSAtOS4yLDkuMiBWIDMyMiBjIC0wLjEsNS4yIDQsOS4zIDkuMiw5LjMgeiBNIDE3My4xLDI2MyBoIC0xOC43IHYgMTkuNSBoIDE4LjcgeiBtIDUwLjQsMTkuNSBIIDI0MyB2IDQ4LjggaCAxOC43IHYgLTYwLjUgYyAwLC00LjMgLTMuNSwtNy44IC03LjgsLTcuOCBoIC00MS40IGMgLTQuMywwIC03LjgsMy41IC03LjgsNy44IHYgNjAuNSBoIDE4LjcgdiAtNDguOCB6IG0gNTQsNDguOCBIIDMxNiBjIDUuMSwwIDkuMiwtNC4xIDkuMiwtOS4yIHYgLTU5IGggLTE4LjcgdiA0OC42IEggMjg3IFYgMjYzIGggLTE4LjcgdiA1OSBjIC0wLjEsNS4yIDQuMSw5LjMgOS4yLDkuMyB6IG0gMjY3LjIsMCBoIDMyLjYgdiAtMTkuNyBoIC0yMy4xIHYgLTI5LjEgaCAyMy4xIFYgMjYzIGggLTM0IGMgLTQuMywwIC03LjgsMy41IC03LjgsNy44IFYgMzIyIGMgLTAuMSw1LjIgNC4xLDkuMyA5LjIsOS4zIHogbSAtNDE1LjUsNS4yIEggMTA0IHYgMTkuNyBoIDM0LjcgYyA1LjEsMCA5LjIsLTQuMSA5LjIsLTkuMiBWIDI4Ny43IEggMTI5LjIgWiBNIDQzNy4xLDMzMS4zIDQ2NS41LDI2MyBIIDQ0NS4yIEwgNDMwLjMsMjk4LjcgNDE1LjUsMjYzIGggLTIwLjMgbCAyOC40LDY4LjMgeiBtIDQ0LjEsMCBoIDM4LjYgYyA1LjEsMCA5LjIsLTQuMSA5LjIsLTkuMiB2IC01MS4yIGMgMCwtNC4zIC0zLjUsLTcuOCAtNy44LC03LjggSCA0NzIgdiAxOS41IGggMzguMyB2IDI5LjEgaCAtMTkuNiB2IC01LjIgSCA1MDUgdiAtMTguNyBoIC0yNS4zIGMgLTQuMywwIC03LjgsMy41IC03LjgsNy44IHYgMjYuNiBjIDAsNSA0LjIsOS4xIDkuMyw5LjEgeiBNIDY2MS41LDI2MyBoIC0yOS45IHYgMTkuNSBoIDE5IHYgMjkuMSBoIC0yMi45IHYgLTUzLjggMCAtMTguNyBIIDYwOSB2IDkyLjIgaCA1MSBjIDUuMSwwIDkuMiwtNC4xIDkuMiwtOS4yIHYgLTUxLjIgYyAwLjEsLTQuNCAtMy40LC03LjkgLTcuNywtNy45IHogbSAtNzcuOCwtNS4yIGggMTguNyB2IC0xOC43IGggLTE4LjcgeiBtIDE0MS4yLDUuMiBoIC00OS4yIHYgMTkuNSBIIDcxNCB2IDI5LjEgaCAtMTkuNiB2IC01LjIgaCAxNC40IHYgLTE4LjcgaCAtMjUuMyBjIC00LjMsMCAtNy44LDMuNSAtNy44LDcuOCB2IDI2LjYgYyAwLDUuMSA0LjEsOS4yIDkuMiw5LjIgaCAzOC42IGMgNS4xLDAgOS4yLC00LjEgOS4yLC05LjIgdiAtNTEuMiBjIDAuMSwtNC40IC0zLjQsLTcuOSAtNy44LC03LjkgeiBtIC0xNDEuMiw2OC4zIGggMTguNyBWIDI2MyBIIDU4My43IFogTSAxMjkuMiwyODIuNSBoIDE4LjcgViAyNjMgaCAtMTguNyB6IG0gNDMuOSw1LjIgSCAxNTQuNCBWIDM0NyBjIDAsNS4xIDQuMSw5LjIgOS4yLDkuMiBoIDM0LjcgdiAtMTkuNyBoIC0yNS4yIHogbSAzMS42LDY4LjUgSCA2MDIuNCBWIDMzNi41IEggMjA0LjcgWiIKICAgaWQ9InBhdGg2IiAvPgoJPC9nPgo8L2c+CjxnCiAgIGlkPSJMaXZlbGxvXzIiCiAgIGNsYXNzPSJzdDIiCiAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05MS41Njc0NzIsLTEzNS4yNTE2KSI+CjwvZz4KPC9zdmc+Cg=='
        logo.height = 30;
        div1[0].style.margin = 'auto 5px auto auto';

        div1.remove(logo);

        function addToToolbar() {
            var toolbar = $('.md-toolbar-tools');
            
            if(!toolbar.length) return;
            
            toolbar.append(div1);
            
        }
        addToToolbar();
    });
</script>

```

---

<div class="post-metadata">

**Author:** ![Sean-McG](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/sean-mcg/32/54677_2.png) [@Sean-McG](https://discourse.nodered.org/u/Sean-McG)\
**Post date:** [25 July 2023 12:41 UTC](https://discourse.nodered.org/t/logo-on-taskbar/80056/2 "2023-07-25T12:41:21Z")

</div>

You will need to check if it exists before appending it then.

Give your logo an id eg "myId" then check for it

var exists = document.getElementById("myId");  
if(!exists) {addToToolbar()}

---

<div class="post-metadata">

**Author:** ![m2iandom](https://avatars.discourse-cdn.com/v4/letter/m/b5e925/32.png) [@m2iandom](https://discourse.nodered.org/u/m2iandom)\
**Post date:** [25 July 2023 13:11 UTC](https://discourse.nodered.org/t/logo-on-taskbar/80056/3 "2023-07-25T13:11:08Z")

</div>

Hi smcgann99,  
forgive me, not sure how to modify my code with your solution...

Thanks,  
Dominic

---

<div class="post-metadata">

**Author:** ![m2iandom](https://avatars.discourse-cdn.com/v4/letter/m/b5e925/32.png) [@m2iandom](https://discourse.nodered.org/u/m2iandom)\
**Post date:** [25 July 2023 13:19 UTC](https://discourse.nodered.org/t/logo-on-taskbar/80056/4 "2023-07-25T13:19:19Z")

</div>

Ok got it!

if(!exists) {addToToolbar()}

Thanks for your time and effort!

cheers  
Dominic

---

<div class="post-metadata">

**Author:** ![Sean-McG](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/sean-mcg/32/54677_2.png) [@Sean-McG](https://discourse.nodered.org/u/Sean-McG)\
**Post date:** [25 July 2023 13:36 UTC](https://discourse.nodered.org/t/logo-on-taskbar/80056/5 "2023-07-25T13:36:44Z")

</div>

Sorry about the typo 😉

---

<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:** [8 August 2023 13:36 UTC](https://discourse.nodered.org/t/logo-on-taskbar/80056/6 "2023-08-08T13:36:52Z")

</div>

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