Custom Nodes Appearance

[Khk2000]

I am beginner to node-red tool, I have created few custom nodes, how do I change the shape and styling of those nodes, I tried to add few css styling inside node html file, but it was not reflecting

Any detailed guidance on this would be highly appreciated

[ralphwetzel]

Hi @Khk2000

Please don't multi-post topics in this forum.
I tried to give an explanaition in the other thread:

Change layout of the custom nodes

Despite you put yourself on a thread that is years old, I'll try to give an explanation: The posts you linked refer to the visual representation of data on the Node-RED dashboard. The dashboard is kind of a "standard" web page, powered by NR flows. The elements on this page can be customized "as you like". The posts you link give you some examples of what's possible. The look of a node in the NR editor yet is standardized. You may alter some properties (like it's color), but the editor defines…

The short answer is: There's no interface / functionality that offers you to change the shape and styling of a node in the workspace.

[Khk2000]

If I wish to change icon of custom nodes other than those provided by node-red, my own icon, after following documentation, it says to place the icon.svg or icon.png inside icons folder which I found inside node-red/packages/node_modules/...../icons/
But this path seems to be generated one and can't be included inside code changes,
Is there someother way we can include this in, so our node display my icon

[knolleary]

@Khk2000

it says to place the icon.svg or icon.png inside icons folder

Create an icons folder in your own node package next to the .html and .js files.