# Change layout of the custom nodes

**URL:** <https://discourse.nodered.org/t/change-layout-of-the-custom-nodes/14692>\
**Category:** Developing Nodes\
**Created:** [23 August 2019 09:08 UTC](https://discourse.nodered.org/t/change-layout-of-the-custom-nodes/14692 "2019-08-23T09:08:13Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Sanketp](https://avatars.discourse-cdn.com/v4/letter/s/c68b51/32.png) [@Sanketp](https://discourse.nodered.org/u/Sanketp)\
**Post date:** [23 August 2019 09:08 UTC](https://discourse.nodered.org/t/change-layout-of-the-custom-nodes/14692/1 "2019-08-23T09:08:13Z")

</div>

I want to change the shapes of my custom nodes like circular. rectangle etc can i change them.

---

<div class="post-metadata">

**Author:** ![knolleary](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/knolleary/32/3_2.png) [@knolleary](https://discourse.nodered.org/u/knolleary)\
**Post date:** [23 August 2019 09:12 UTC](https://discourse.nodered.org/t/change-layout-of-the-custom-nodes/14692/2 "2019-08-23T09:12:32Z")

</div>

No. The shape of the node in the workspace is not something you can change.

---

<div class="post-metadata">

**Author:** ![Khk2000](https://avatars.discourse-cdn.com/v4/letter/k/278dde/32.png) [@Khk2000](https://discourse.nodered.org/u/Khk2000)\
**Post date:** [27 September 2023 06:14 UTC](https://discourse.nodered.org/t/change-layout-of-the-custom-nodes/14692/3 "2023-09-27T06:14:18Z")

</div>

Then, how is it possible to change node styling as others were doing, apart from changing node icons

> [@Q: Tiles type panels](https://discourse.nodered.org/t/q-tiles-type-panels/35245):
>
> I have a play with the Dashboard and it fine for a basic design i have ended up with but i'd like to get a little bit more elegant. Used the Switch node to do this. [Screenshot 2020-11-02 213735] but i'd like to try make it look like this if its possible.. Not to fussed about the - + bit.. just more doing the tile effect. probably lots of clever CCS no doubt. [Screenshot 2020-11-02 214023] Any pointers if its even possible. ta I've tried doing it as a Button in separate groups .. but i…

> [@How to change the buttons in dashboard](https://discourse.nodered.org/t/how-to-change-the-buttons-in-dashboard/66116):
>
> node red v3 id like to know how you change the boring buttons in dashboard - im making an 8 channel relay switch board via usb for my overlander car ... id like to change from this .. to something like this style - like simple easy read vehicle buttons .. got it all working so far and works fine just want to change buttons how is it done?

---

<div class="post-metadata">

**Author:** ![ralphwetzel](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ralphwetzel/32/53713_2.png) [@ralphwetzel](https://discourse.nodered.org/u/ralphwetzel)\
**Post date:** [27 September 2023 07:34 UTC](https://discourse.nodered.org/t/change-layout-of-the-custom-nodes/14692/4 "2023-09-27T07:34:20Z")

</div>

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](https://flows.nodered.org/node/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 shape / appearance of the nodes in the workspace.

---

<div class="post-metadata">

**Author:** ![Khk2000](https://avatars.discourse-cdn.com/v4/letter/k/278dde/32.png) [@Khk2000](https://discourse.nodered.org/u/Khk2000)\
**Post date:** [27 September 2023 09:35 UTC](https://discourse.nodered.org/t/change-layout-of-the-custom-nodes/14692/5 "2023-09-27T09:35:29Z")

</div>

So using node-red editor, node customisation like shape and other styling effects are not possible  
Modifications like color, icon change can be possible

---

<div class="post-metadata">

**Author:** ![ralphwetzel](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ralphwetzel/32/53713_2.png) [@ralphwetzel](https://discourse.nodered.org/u/ralphwetzel)\
**Post date:** [27 September 2023 10:03 UTC](https://discourse.nodered.org/t/change-layout-of-the-custom-nodes/14692/6 "2023-09-27T10:03:36Z")

</div>

Confirmed.

There are projects based on NR that operate with differently shaped "nodes", yet this is done by replacing parts of the NR core.