I am working on a project in which I need a banner header at the top of the screen. I have added my custom css in settings.js editorTheme section. I can't seem to figure out the correct positioning for #red-ui-editor or the proper CSS modifications for other elements so that my Custom Header will show. I have tried position : relative but that doesn't work.
All I want is to be able to display a div above the standard NR editor.
Welcome to the forum sambarlas.
This is not quite what you are asking for but it is possible to change the image & text in the header and make them link to another page:
title: "Red in Tooth & Claw",
You need to tweek the CSS to make image & text larger and move the main page content down.
I have seen the
header: section of the editorTheme section of settings.js, and I've also used the
page: field to override things like the page title and favicon.ico
Somewhere along the way I found an example that looks like it should override the editor styling with your own branding, defined this way:
// Customising the editor
title: "My Node-RED",
favicon: "/absolute/path/to/theme/icon", //can use '__dirname + "\\img\\favicon.png" (\\ on Windows)'
scripts: "/absolute/path/to/custom/js/file" // As of 0.17
title: "My Editor",
image: "https://nodered.org/about/resources/media/node-red-icon.png", // or null to remove image
url: "https://www.mysite.com" // optional url to make the header text/image a link to this url
The problem is that my branding.css file does not seem to have any effect... is there a list of all the styles that can be overridden in the editor (most questions i see are about dashboard styling, not the editor)?
On my Raspberry Pi /home/pi/.node-red/editor.css is recognised.
title: process.env.HOSTNAME, // set at the top of this file
I only change a couple of things in editor.css:
This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.