# Node-red button

**URL:** <https://discourse.nodered.org/t/node-red-button/39369>\
**Category:** General\
**Created:** [19 January 2021 08:12 UTC](https://discourse.nodered.org/t/node-red-button/39369 "2021-01-19T08:12:03Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![xale12](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/xale12/32/20112_2.png) [@xale12](https://discourse.nodered.org/u/xale12)\
**Post date:** [19 January 2021 08:12 UTC](https://discourse.nodered.org/t/node-red-button/39369/1 "2021-01-19T08:12:03Z")

</div>

I used to change node-red button very easy and fast with this code, which can change the color and size of the button icon imediatly. But now I have to reload the ui webpage to upload new status of the button. Can you guy help me. Is there any change with the node red version`[{"id":"86dce912.04f0a8","type":"ui\_button","z":"34b4a5e.a6f4b5a","name":"","group":"357d373a.2d1478","order":0,"width":"3","height":"3","passthru":false,"label":"","tooltip":"","color":"","bgcolor":"","icon":"fa-male bigIcon","payload":"","payloadType":"str","topic":"","x":550,"y":380,"wires":[]},{"id":"cda848ce.b96c58","type":"ui\_template","z":"34b4a5e.a6f4b5a","group":"357d373a.2d1478","name":"icon style","order":1,"width":0,"height":0,"format":"\n .bigIcon{\n font-size:9em;\n transition: 1s;\n }\n .bigIcon.red{\n color:red;\n }\n \n","storeOutMessages":true,"fwdInMessages":true,"templateScope":"global","x":560,"y":320,"wires":[]},{"id":"34b25f13.91062","type":"inject","z":"34b4a5e.a6f4b5a","name":"inject","topic":"","payload":"","payloadType":"date","repeat":"","crontab":"","once":false,"onceDelay":0.1,"x":150,"y":360,"wires":[["8365ec1f.f4eaf"]]},{"id":"bab885f9.56dcf8","type":"inject","z":"34b4a5e.a6f4b5a","name":"inject","topic":"","payload":"","payloadType":"date","repeat":"","crontab":"","once":false,"onceDelay":0.1,"x":150,"y":400,"wires":[["e9b8f766.0ffc08"]]},{"id":"8365ec1f.f4eaf","type":"change","z":"34b4a5e.a6f4b5a","name":"","rules":[{"t":"set","p":"ui\_control.icon","pt":"msg","to":"fa-male bigIcon","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":340,"y":360,"wires":[["86dce912.04f0a8"]]},{"id":"e9b8f766.0ffc08","type":"change","z":"34b4a5e.a6f4b5a","name":"","rules":[{"t":"set","p":"ui\_control.icon","pt":"msg","to":"fa-male bigIcon red","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":340,"y":400,"wires":[["86dce912.04f0a8"]]},{"id":"357d373a.2d1478","type":"ui\_group","z":"","name":"Default","tab":"40d8b907.a41218","disp":true,"width":"6","collapse":false},{"id":"40d8b907.a41218","type":"ui\_tab","z":"","name":"Home","icon":"dashboard","disabled":false,"hidden":false}]

`

---

<div class="post-metadata">

**Author:** ![kuema](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/kuema/32/6542_2.png) [@kuema](https://discourse.nodered.org/u/kuema)\
**Post date:** [19 January 2021 08:24 UTC](https://discourse.nodered.org/t/node-red-button/39369/2 "2021-01-19T08:24:13Z")

</div>

Hi.

Please don't open multiple topics for the same issue. You already started a thread here: [Node-red lagging](https://discourse.nodered.org/t/node-red-lagging/39364)

---

<div class="post-metadata">

**Author:** ![kuema](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/kuema/32/6542_2.png) [@kuema](https://discourse.nodered.org/u/kuema)\
**Post date:** [19 January 2021 08:24 UTC](https://discourse.nodered.org/t/node-red-button/39369/3 "2021-01-19T08:24:20Z")

</div>



---

<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:** [19 January 2021 09:15 UTC](https://discourse.nodered.org/t/node-red-button/39369/4 "2021-01-19T09:15:39Z")

</div>

This may be a bug I created in 2.26.2 and have now fixed in 2.27.0 on npm  
Apologies.