[image] Hi, Is there any way to edit more deeply the nodes instead of background color. For example, I would like to change ports position even port style, like the image above... Is this possible with Node-RED?

[image] dceejay: ./packages/node_modules/@node-red/editor-client/src/js/ui/view.js That's the path to the file in the dev branch on git which will be the 0.20 release. If you're looking at the master branch, you'd want: editor/js/ui/view.js In the npm installed version of Node-RED, all of …

All things are possible - it's "just" software and the source is freely available. But no we don't support that within the core project per se - so you would need to fork it and do the rework yourself.

Okey. I'm gonna try. Let me ask another question about this, I realised that the UI uses the editor/templates/index.mst file so changing it I can edit the UI. Which is the file for edit nodes globally?

Well that is the main page template - most of the layout heavy lifting is done in ./packages/node_modules/@node-red/editor-client/src/js/ui/view.js

Sorry if my question is a little dummy. But I can't find the file that you have mentioned. When I installed Node-RED I got this files: /usr/local/lib/node_modules/node-red ├── bin ├── editor │ └── templates ├── node_modules [282 entries exceeds filelimit, not opening dir] ├── …

Please read my reply. The npm installed version of Node-RED doesn't include the unbuilt source of the editor. If you want to edit the code, you'll need to clone from git and use the build process to generate the editor code.

Hello, I have a similar requirement and need to align the input/output ports to the top and bottom of each custom node. If you are able to share how you accomplished this, I would greatly appreciate it.

Thanks @Steve-Mcl , I've become well acquainted with that thread :slight_smile:

Node-RED

Node-RED Forum

Full node appearance

General

Steve-Mcl 20 October 2019 02:57 9

There is this thread that demonstrates vertical flow and has a link to his source code. You should be able to view a diff and try it out on current node red source.

Topic		Replies	Views
Modufying the Node-RED editor and appearence of nodes Core Development	3	232	31 August 2023
How to customize the node red editor General editor	23	903	5 September 2023
Source code of node red General	33	527	14 July 2025
Is there a way to modify the editor UI or to provide an alternative one Feature Requests	27	1706	6 June 2021
Changing Node-red editor General	2	379	9 June 2021

Copyright OpenJS Foundation and Node-RED contributors. All rights reserved. The OpenJS Foundation has registered trademarks and uses trademarks. For a list of trademarks of the OpenJS Foundation, please see our Trademark Policy and Trademark List. Trademarks and logos not indicated on the list of OpenJS Foundation trademarks are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them.

Full node appearance

Related topics