# Change the display of node property

**URL:** <https://discourse.nodered.org/t/change-the-display-of-node-property/39686>\
**Category:** General\
**Created:** [25 January 2021 04:12 UTC](https://discourse.nodered.org/t/change-the-display-of-node-property/39686 "2021-01-25T04:12:31Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![chiche](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/chiche/32/35401_2.png) [@chiche](https://discourse.nodered.org/u/chiche)\
**Post date:** [25 January 2021 04:12 UTC](https://discourse.nodered.org/t/change-the-display-of-node-property/39686/1 "2021-01-25T04:12:31Z")

</div>

As I know, the sidebar is displaying node property. How can I change the appearance of the node property here without editing the default property node? For example

```auto
RED.nodes.registerType ("node-test", {
     colorSvg: "url (# node-test)",
     color:
       "linear-gradient (to bottom, rgb (249,228,207) 0%, rgb (249,150.57) 100%)",
     defaults: {
       id: {
         value: "",
       },
       name: {
         value: "",
         required: true,
       }
});

```

When displayed at the property, it will display "Node + {name}", not only the name.

![node](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/0/7/07e9287536b5f5233fed1093f28a6a1a8b19beb3.png)

Thank you very much!

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [25 January 2021 08:05 UTC](https://discourse.nodered.org/t/change-the-display-of-node-property/39686/2 "2021-01-25T08:05:25Z")

</div>

The name is expected to be something the use can set as they wish. The label is then calculated for display and can be what you wish, but then may be overridden by the name.

---

<div class="post-metadata">

**Author:** ![chiche](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/chiche/32/35401_2.png) [@chiche](https://discourse.nodered.org/u/chiche)\
**Post date:** [25 January 2021 08:09 UTC](https://discourse.nodered.org/t/change-the-display-of-node-property/39686/3 "2021-01-25T08:09:56Z")

</div>

I still don't understand, can you have an example?

---

<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:** [25 January 2021 08:15 UTC](https://discourse.nodered.org/t/change-the-display-of-node-property/39686/4 "2021-01-25T08:15:16Z")

</div>

> [@chiche](#):
>
> How can I change the appearance of the node property here without editing the default property node?

A node cannot change how the Information Sidebar displays it's properties.

That would require changing the editor source code directly.

---

<div class="post-metadata">

**Author:** ![chiche](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/chiche/32/35401_2.png) [@chiche](https://discourse.nodered.org/u/chiche)\
**Post date:** [25 January 2021 08:31 UTC](https://discourse.nodered.org/t/change-the-display-of-node-property/39686/5 "2021-01-25T08:31:29Z")

</div>

I've seen the sidebar's source code, it seems difficult to change it. Thank you for your answer!

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [26 March 2021 08:32 UTC](https://discourse.nodered.org/t/change-the-display-of-node-property/39686/6 "2021-03-26T08:32:08Z")

</div>

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