Can an image be set in a dashboard group title?

Hello !

I'm new to node red and I've started playing around with the dashboard.
I would like to put an image next to a group title but I haven't found a way to do so.

I found CSS code to add an image or a logo to the toolbar, but never to a group title.

Sorry if this is a dumb question and thank you in advance !

Add class name to the group element like this

Then make an ui_template to customize dashboard CSS

And the CSS rule for that group is something like this:

.label-image > p:after{
            content: "";
            width: 30px;
            height: 30px;
            background-image: url(https://nodered.org/about/resources/media/node-red-icon.png);
            background-repeat: no-repeat;
            top: 10px;
            background-size: contain;
            right: 5px;
            position: absolute;
            display: inline-block;
    }

You'll need to modify it by your needs of course.

8 Likes

It worked! Thanks so much :slight_smile:

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