Logo on taskbar

General
1

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

<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>
2

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()}

2 Likes
3

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

Thanks,
Dominic

4

Ok got it!

if(!exists) {addToToolbar()}

Thanks for your time and effort!

cheers
Dominic

5

Sorry about the typo :wink:

6

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