# How to change the button node name?

**URL:** <https://discourse.nodered.org/t/how-to-change-the-button-node-name/47727>\
**Category:** General\
**Created:** [28 June 2021 02:39 UTC](https://discourse.nodered.org/t/how-to-change-the-button-node-name/47727 "2021-06-28T02:39:08Z")\
**Posts on this page:** 19\
**Page:** 1

<div class="post-metadata">

**Author:** ![jlian168](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/jlian168/32/43737_2.png) [@jlian168](https://discourse.nodered.org/u/jlian168)\
**Post date:** [28 June 2021 02:39 UTC](https://discourse.nodered.org/t/how-to-change-the-button-node-name/47727/1 "2021-06-28T02:39:08Z")

</div>

Dear All :

How to change?  
Like red circle "switch" chane to another name? Can or not?

Thank u.

 ![螢幕擷取畫面 2021-06-28 111235](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/1/1/11ec11024296b50691fa91a1542d36dca4051888.jpeg)

 ![螢幕擷取畫面 2021-06-28 111750](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/5/6/56ad21ebdb3093035494f960a0c2b6d30c3270ad.jpeg)

---

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [28 June 2021 03:38 UTC](https://discourse.nodered.org/t/how-to-change-the-button-node-name/47727/2 "2021-06-28T03:38:30Z")

</div>

![Screenshot from 2021-06-28 13-37-10](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/b/e/bed6cec10d389b9feef06b1110995d93d99d442d.png)

---

<div class="post-metadata">

**Author:** ![jlian168](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/jlian168/32/43737_2.png) [@jlian168](https://discourse.nodered.org/u/jlian168)\
**Post date:** [28 June 2021 03:41 UTC](https://discourse.nodered.org/t/how-to-change-the-button-node-name/47727/3 "2021-06-28T03:41:41Z")

</div>

Dear Sir :

My mean is ... Change the "switch" from another node ex : function.  
How to do?

Thank u.

---

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [28 June 2021 03:42 UTC](https://discourse.nodered.org/t/how-to-change-the-button-node-name/47727/4 "2021-06-28T03:42:30Z")

</div>

Delete it and drag the one you want into the edit area.

---

<div class="post-metadata">

**Author:** ![jlian168](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/jlian168/32/43737_2.png) [@jlian168](https://discourse.nodered.org/u/jlian168)\
**Post date:** [28 June 2021 03:46 UTC](https://discourse.nodered.org/t/how-to-change-the-button-node-name/47727/5 "2021-06-28T03:46:53Z")

</div>

Dear Sir :

Im stupid, very sorry ... can u show me more.

Thank u very much.

---

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [28 June 2021 03:48 UTC](https://discourse.nodered.org/t/how-to-change-the-button-node-name/47727/6 "2021-06-28T03:48:29Z")

</div>

Select the node... press `delete` button on your keyboard and it is deleted.

---

<div class="post-metadata">

**Author:** ![jlian168](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/jlian168/32/43737_2.png) [@jlian168](https://discourse.nodered.org/u/jlian168)\
**Post date:** [28 June 2021 03:51 UTC](https://discourse.nodered.org/t/how-to-change-the-button-node-name/47727/7 "2021-06-28T03:51:13Z")

</div>

Dera sir :

My mean is keep switch and

if(switc==on) show +;  
else show -;

Thank u.

---

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [28 June 2021 03:52 UTC](https://discourse.nodered.org/t/how-to-change-the-button-node-name/47727/8 "2021-06-28T03:52:29Z")

</div>

Sorry, you lost me.

I can't help.

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [28 June 2021 06:27 UTC](https://discourse.nodered.org/t/how-to-change-the-button-node-name/47727/9 "2021-06-28T06:27:00Z")

</div>

If you mean you want to change the state of the switch (on/off) then click the node and read the help text for the node in the right hand pane.

---

<div class="post-metadata">

**Author:** ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Post date:** [28 June 2021 07:58 UTC](https://discourse.nodered.org/t/how-to-change-the-button-node-name/47727/10 "2021-06-28T07:58:31Z")

</div>

![Untitled 1](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/0/d/0dec247bffd3656cfcf7541f05fd49f53f073965.jpeg)

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [28 June 2021 08:34 UTC](https://discourse.nodered.org/t/how-to-change-the-button-node-name/47727/11 "2021-06-28T08:34:47Z")

</div>

Select those three nodes and Export them and paste them here. See this post for how to post a flow here - [How to share code or flow json](https://discourse.nodered.org/t/how-to-share-code-or-flow-json/506)

---

<div class="post-metadata">

**Author:** ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Post date:** [28 June 2021 08:58 UTC](https://discourse.nodered.org/t/how-to-change-the-button-node-name/47727/12 "2021-06-28T08:58:12Z")

</div>

That's remarkably difficult to do on my phone. I hope it worked!

```auto
[{"id":"283b54b6.9ab9ac","type":"tab","label":"Flow 3","disabled":false,"info":""},{"id":"ba99032b.af62f","type":"inject","z":"283b54b6.9ab9ac","name":"msg.name = \"+\"","props":[{"p":"name","v":"+","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","x":280,"y":120,"wires":[["5c8f7d68.5a528c"]]},{"id":"3282929.03d0d6e","type":"inject","z":"283b54b6.9ab9ac","name":"msg.name = \"-\"","props":[{"p":"name","v":"-","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","x":280,"y":160,"wires":[["5c8f7d68.5a528c"]]},{"id":"5c8f7d68.5a528c","type":"ui_button","z":"283b54b6.9ab9ac","name":"","group":"a6e358b.672ffa8","order":1,"width":"2","height":"1","passthru":false,"label":"{{name}}","tooltip":"","color":"#000","bgcolor":"#fff","icon":"","payload":"","payloadType":"str","topic":"topic","topicType":"msg","x":470,"y":140,"wires":[[]]},{"id":"a6e358b.672ffa8","type":"ui_group","name":"Demo","tab":"4e528085.a1bfa","order":1,"disp":true,"width":"20","collapse":false},{"id":"4e528085.a1bfa","type":"ui_tab","name":"Demo","icon":"dashboard","order":2,"disabled":false,"hidden":false}]

```

---

<div class="post-metadata">

**Author:** ![jlian168](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/jlian168/32/43737_2.png) [@jlian168](https://discourse.nodered.org/u/jlian168)\
**Post date:** [28 June 2021 09:04 UTC](https://discourse.nodered.org/t/how-to-change-the-button-node-name/47727/13 "2021-06-28T09:04:55Z")

</div>

Dear Colin :

Maybe it can be...  
And I will try it, when I have time.

Thank u.

---

<div class="post-metadata">

**Author:** ![dynamicdave](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dynamicdave/32/96_2.png) [@dynamicdave](https://discourse.nodered.org/u/dynamicdave)\
**Post date:** [28 June 2021 09:25 UTC](https://discourse.nodered.org/t/how-to-change-the-button-node-name/47727/14 "2021-06-28T09:25:27Z")

</div>

You can also change the color of the text and background color of the button.  
 ![Screen Shot 06-28-21 at 10.24 AM](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/0/1/01c14f7eb5812540b4f241ada595dbe9e99d2ded.jpeg)

```auto
[{"id":"ba99032b.af62f","type":"inject","z":"283b54b6.9ab9ac","name":"msg.name = \"+\"","props":[{"p":"name","v":"+","vt":"str"},{"p":"txtColor","v":"white","vt":"str"},{"p":"background","v":"#0797479","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","x":280,"y":120,"wires":[["5c8f7d68.5a528c"]]},{"id":"3282929.03d0d6e","type":"inject","z":"283b54b6.9ab9ac","name":"msg.name = \"-\"","props":[{"p":"name","v":"-","vt":"str"},{"p":"txtColor","v":"black","vt":"str"},{"p":"background","v":"yellow","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","x":280,"y":160,"wires":[["5c8f7d68.5a528c"]]},{"id":"5c8f7d68.5a528c","type":"ui_button","z":"283b54b6.9ab9ac","name":"","group":"a6e358b.672ffa8","order":1,"width":"2","height":"1","passthru":false,"label":"{{name}}","tooltip":"","color":"{{txtColor}}","bgcolor":"{{background}}","icon":"","payload":"","payloadType":"str","topic":"topic","topicType":"msg","x":510,"y":140,"wires":[[]]},{"id":"d560cdec.c5e45","type":"comment","z":"283b54b6.9ab9ac","name":"Flow to change button text, text color and background","info":"","x":380,"y":60,"wires":[]},{"id":"a6e358b.672ffa8","type":"ui_group","name":"Demo","tab":"4e528085.a1bfa","order":1,"disp":true,"width":"20","collapse":false},{"id":"4e528085.a1bfa","type":"ui_tab","name":"Demo","icon":"dashboard","order":2,"disabled":false,"hidden":false}]

```

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [28 June 2021 09:35 UTC](https://discourse.nodered.org/t/how-to-change-the-button-node-name/47727/15 "2021-06-28T09:35:40Z")

</div>

Your flow works for me. What version of node red and node-red-dashboard are you running? Also check a different browser.

---

<div class="post-metadata">

**Author:** ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Post date:** [28 June 2021 09:56 UTC](https://discourse.nodered.org/t/how-to-change-the-button-node-name/47727/16 "2021-06-28T09:56:15Z")

</div>

I meant that when I posted the JSON from my phone it was invisible in the post.  
I fixed it by posting again from a PC.  
My example flow did work to change the button label to "+" or "-".  
I think that's what jlian168 was hoping to achieve.

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [28 June 2021 10:02 UTC](https://discourse.nodered.org/t/how-to-change-the-button-node-name/47727/17 "2021-06-28T10:02:03Z")

</div>

Ah, sorry, I thought that the image you originally posted was from @jlian168. I must pay more attention.

---

<div class="post-metadata">

**Author:** ![jlian168](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/jlian168/32/43737_2.png) [@jlian168](https://discourse.nodered.org/u/jlian168)\
**Post date:** [28 June 2021 10:07 UTC](https://discourse.nodered.org/t/how-to-change-the-button-node-name/47727/18 "2021-06-28T10:07:51Z")

</div>

Dear jbudd :

Yeah, That is what I want.

Thank u.

---

<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:** [27 August 2021 10:08 UTC](https://discourse.nodered.org/t/how-to-change-the-button-node-name/47727/19 "2021-08-27T10:08:02Z")

</div>

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