Change Top Logo on the Left

General
1

Hi People,

Version: Node-RED version: v3.0.2

I am trying to change the top logo on the left, I followed the documentation, but it is not working.

I followed this doc:

https://nodered.org/docs/user-guide/runtime/configuration#editor-themes

But it did not worked,

What I did:

I added the files into my project under a folder /static/logo.png

I configured the settings.js like this:

httpStatic: "static",

I configured the editor-theme like that:

            header: {
                title: "XYZ",
                image: "logo.png"
            },

But the original logo is never replaced for the new one, when I checked the running UI, I can see the following image url address and never the one that I had configured:

image

Please, anyone could help?

Thanks

Edgar

2

You need to use the full pathname of the logo file

            header: {
                title: "XYZ",
                image: "/home/username/.node-red/static/logo.png"
            },

https://discourse.nodered.org/t/custom-div-banner-above-the-editor/52284

Edit - I just checked and it does work with the full pathname, the value of httpStatic is not used for this.

3

Hey @jbudd

In the end I made it work, and in order to avoid keep this information fixed, I managed to use as the follow:

            header: {
                title: " ",
                image: __dirname + "/static/logo.png",
            },

With that I am able to generate a more dynamic way to move the logo working in any environment or even a container

Thanks

1 Like
4

I'm glad you got it working.

Maybe you could post your complete solution here for the benefit of others?

5

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