# How to Update to the Final Version of Dashboard 2.0?

**URL:** <https://discourse.nodered.org/t/how-to-update-to-the-final-version-of-dashboard-2-0/90728>\
**Category:** Dashboard\
**Tags:** dashboard-2\
**Created:** [5 September 2024 08:48 UTC](https://discourse.nodered.org/t/how-to-update-to-the-final-version-of-dashboard-2-0/90728 "2024-09-05T08:48:47Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![makerstorage](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/makerstorage/32/57594_2.png) [@makerstorage](https://discourse.nodered.org/u/makerstorage)\
**Post date:** [5 September 2024 08:48 UTC](https://discourse.nodered.org/t/how-to-update-to-the-final-version-of-dashboard-2-0/90728/1 "2024-09-05T08:48:47Z")

</div>

Hi everyone,

I noticed that the `ui-gauge` recently received an update to support dynamic properties. I'm currently using version 1.16.0 and trying to test these dynamic properties by sending a message to the gauge, but it isn't changing the label in the UI. When I use the same code with a button, it works as expected.

```auto
msg = {
    "ui_update": {
        "label": "New Label"
    }
}
return msg;

```

Am I missing something here, or do I need to update to an unreleased version to access this functionality?

Thanks in advance for your help!

---

<div class="post-metadata">

**Author:** ![E1cid](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/e1cid/32/77971_2.png) [@E1cid](https://discourse.nodered.org/u/E1cid)\
**Post date:** [5 September 2024 09:14 UTC](https://discourse.nodered.org/t/how-to-update-to-the-final-version-of-dashboard-2-0/90728/2 "2024-09-05T09:14:53Z")

</div>

~~This seems to be a bug, I would check the [Github](https://github.com/FlowFuse/node-red-dashboard/issues) page for the node. If there is no issue raised I would raise one.~~  
Scratch that, this flow works for me, was buggy at first had to refresh the page to get it running.

```auto
[{"id":"ef703d8f8537844d","type":"ui-button-group","z":"d1395164b4eec73e","name":"","group":"ff7cbf009b7b3034","order":1,"width":6,"height":1,"label":"Change label","rounded":true,"useThemeColors":true,"passthru":false,"options":[{"label":"one","icon":"","value":"one","valueType":"str","color":"#009933"},{"label":"two","icon":"","value":"two","valueType":"str","color":"#999999"}],"topic":"topic","topicType":"msg","x":210,"y":160,"wires":[["699cbff6e240353f"]]},{"id":"699cbff6e240353f","type":"change","z":"d1395164b4eec73e","name":"","rules":[{"t":"move","p":"payload","pt":"msg","to":"ui_update.label","tot":"msg"}],"action":"","property":"","from":"","to":"","reg":false,"x":410,"y":160,"wires":[["ef703d8f8537844d","9c398958bb49313f","b4c4c4ad4ed8a448"]]},{"id":"9c398958bb49313f","type":"debug","z":"d1395164b4eec73e","name":"debug 2565","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"true","targetType":"full","statusVal":"","statusType":"auto","x":450,"y":100,"wires":[]},{"id":"b4c4c4ad4ed8a448","type":"ui-button","z":"d1395164b4eec73e","group":"ff7cbf009b7b3034","name":"","label":"button","order":0,"width":0,"height":0,"emulateClick":false,"tooltip":"","color":"","bgcolor":"","className":"","icon":"","iconPosition":"left","payload":"","payloadType":"str","topic":"topic","topicType":"msg","buttonColor":"","textColor":"","iconColor":"","x":630,"y":160,"wires":[[]]},{"id":"ff7cbf009b7b3034","type":"ui-group","name":"Form","page":"3bceecc44f91d26b","width":"6","height":"1","order":1,"showTitle":true,"className":"","visible":"true","disabled":"false"},{"id":"3bceecc44f91d26b","type":"ui-page","name":"Custom Form Submission","ui":"1805777f90e92057","path":"/form-submission","icon":"home","layout":"grid","theme":"35ee7753b5b3599b","order":1,"className":"","visible":true,"disabled":false},{"id":"1805777f90e92057","type":"ui-base","name":"dashboard","path":"/dashboard","includeClientData":true,"acceptsClientConfig":["ui-notification","ui-control"],"showPathInSidebar":false},{"id":"35ee7753b5b3599b","type":"ui-theme","name":"Theme Name","colors":{"surface":"#16234b","primary":"#1d44b9","bgPage":"#ecf2f8","groupBg":"#ffffff","groupOutline":"#cccccc"}}]

```

---

<div class="post-metadata">

**Author:** ![makerstorage](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/makerstorage/32/57594_2.png) [@makerstorage](https://discourse.nodered.org/u/makerstorage)\
**Post date:** [5 September 2024 09:37 UTC](https://discourse.nodered.org/t/how-to-update-to-the-final-version-of-dashboard-2-0/90728/3 "2024-09-05T09:37:49Z")

</div>

Thanks @E1cid  
Yes, I got it working for the button. What I want to know is why it isn't working for the gauge, even though the documentation recently marked the label (and some other) properties as dynamic.

---

<div class="post-metadata">

**Author:** ![E1cid](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/e1cid/32/77971_2.png) [@E1cid](https://discourse.nodered.org/u/E1cid)\
**Post date:** [5 September 2024 09:51 UTC](https://discourse.nodered.org/t/how-to-update-to-the-final-version-of-dashboard-2-0/90728/4 "2024-09-05T09:51:24Z")

</div>

You are correct, and I to can not get the gauge to change title . Even using the info from this page [Gauge ui-gauge | Node-RED Dashboard 2.0](https://dashboard.flowfuse.com/nodes/widgets/ui-gauge.html)

I have tried using both ui\_update.label or ui\_update.title.

This seems to be a bug, I would check the [Github](https://github.com/FlowFuse/node-red-dashboard/issues) page for the node. If there is no issue raised I would raise one

@joepavitt I also get some weird cache issue as in image below, no msg.ui\_update is sent, but the button node seems to be sending it

 ![chrome_screenshot_5 Sep 2024 11_02_44 BST](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/0/5/0552c9714d43d97a8fcef9dd824c1d9efa252cd8.png)  
Set change node to send msg.ui\_update.title

```auto
[{"id":"0176d03c053fae15","type":"ui-button-group","z":"d1395164b4eec73e","name":"","group":"ff7cbf009b7b3034","order":2,"width":6,"height":1,"label":"Change label","rounded":true,"useThemeColors":true,"passthru":false,"options":[{"label":"one","icon":"","value":"one","valueType":"str","color":"#009933"},{"label":"two","icon":"","value":"two","valueType":"str","color":"#999999"}],"topic":"topic","topicType":"msg","x":810,"y":140,"wires":[["2703ac401aff0b40","da9ad9a6f05c848c"]]},{"id":"2703ac401aff0b40","type":"change","z":"d1395164b4eec73e","name":"","rules":[{"t":"move","p":"payload","pt":"msg","to":"ui_update.title","tot":"msg"}],"action":"","property":"","from":"","to":"","reg":false,"x":990,"y":140,"wires":[["da9ad9a6f05c848c","2d0e93f5bb92c8ad"]]},{"id":"da9ad9a6f05c848c","type":"debug","z":"d1395164b4eec73e","name":"debug 2565","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"true","targetType":"full","statusVal":"","statusType":"auto","x":910,"y":180,"wires":[]},{"id":"2d0e93f5bb92c8ad","type":"ui-gauge","z":"d1395164b4eec73e","name":"","group":"ff7cbf009b7b3034","order":1,"width":3,"height":3,"gtype":"gauge-half","gstyle":"needle","title":"Gauge","units":"units","icon":"","prefix":"","suffix":"","segments":[{"from":"0","color":"#5cd65c"},{"from":"4","color":"#ffc800"},{"from":"7","color":"#ea5353"}],"min":0,"max":10,"sizeThickness":16,"sizeGap":4,"sizeKeyThickness":8,"styleRounded":true,"styleGlow":false,"className":"","x":910,"y":220,"wires":[]},{"id":"ff7cbf009b7b3034","type":"ui-group","name":"Form","page":"3bceecc44f91d26b","width":"6","height":"1","order":1,"showTitle":true,"className":"","visible":"true","disabled":"false"},{"id":"3bceecc44f91d26b","type":"ui-page","name":"Custom Form Submission","ui":"1805777f90e92057","path":"/form-submission","icon":"home","layout":"grid","theme":"35ee7753b5b3599b","order":1,"className":"","visible":true,"disabled":false},{"id":"1805777f90e92057","type":"ui-base","name":"dashboard","path":"/dashboard","includeClientData":true,"acceptsClientConfig":["ui-notification","ui-control"],"showPathInSidebar":false},{"id":"35ee7753b5b3599b","type":"ui-theme","name":"Theme Name","colors":{"surface":"#16234b","primary":"#1d44b9","bgPage":"#ecf2f8","groupBg":"#ffffff","groupOutline":"#cccccc"}}]

```

Then tried to send msg.label and the msg.ui\_update object is sent by group button node.

```auto
[{"id":"0176d03c053fae15","type":"ui-button-group","z":"d1395164b4eec73e","name":"","group":"ff7cbf009b7b3034","order":2,"width":6,"height":1,"label":"Change label","rounded":true,"useThemeColors":true,"passthru":false,"options":[{"label":"one","icon":"","value":"one","valueType":"str","color":"#009933"},{"label":"two","icon":"","value":"two","valueType":"str","color":"#999999"}],"topic":"topic","topicType":"msg","x":810,"y":140,"wires":[["2703ac401aff0b40","da9ad9a6f05c848c"]]},{"id":"2703ac401aff0b40","type":"change","z":"d1395164b4eec73e","name":"","rules":[{"t":"move","p":"payload","pt":"msg","to":"label","tot":"msg"}],"action":"","property":"","from":"","to":"","reg":false,"x":990,"y":140,"wires":[["da9ad9a6f05c848c","2d0e93f5bb92c8ad"]]},{"id":"da9ad9a6f05c848c","type":"debug","z":"d1395164b4eec73e","name":"debug 2565","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"true","targetType":"full","statusVal":"","statusType":"auto","x":910,"y":180,"wires":[]},{"id":"2d0e93f5bb92c8ad","type":"ui-gauge","z":"d1395164b4eec73e","name":"","group":"ff7cbf009b7b3034","order":1,"width":3,"height":3,"gtype":"gauge-half","gstyle":"needle","title":"Gauge","units":"units","icon":"","prefix":"","suffix":"","segments":[{"from":"0","color":"#5cd65c"},{"from":"4","color":"#ffc800"},{"from":"7","color":"#ea5353"}],"min":0,"max":10,"sizeThickness":16,"sizeGap":4,"sizeKeyThickness":8,"styleRounded":true,"styleGlow":false,"className":"","x":910,"y":220,"wires":[]},{"id":"ff7cbf009b7b3034","type":"ui-group","name":"Form","page":"3bceecc44f91d26b","width":"6","height":"1","order":1,"showTitle":true,"className":"","visible":"true","disabled":"false"},{"id":"3bceecc44f91d26b","type":"ui-page","name":"Custom Form Submission","ui":"1805777f90e92057","path":"/form-submission","icon":"home","layout":"grid","theme":"35ee7753b5b3599b","order":1,"className":"","visible":true,"disabled":false},{"id":"1805777f90e92057","type":"ui-base","name":"dashboard","path":"/dashboard","includeClientData":true,"acceptsClientConfig":["ui-notification","ui-control"],"showPathInSidebar":false},{"id":"35ee7753b5b3599b","type":"ui-theme","name":"Theme Name","colors":{"surface":"#16234b","primary":"#1d44b9","bgPage":"#ecf2f8","groupBg":"#ffffff","groupOutline":"#cccccc"}}]

```

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [5 September 2024 12:19 UTC](https://discourse.nodered.org/t/how-to-update-to-the-final-version-of-dashboard-2-0/90728/5 "2024-09-05T12:19:34Z")

</div>

Docs are slightly ahead (again)

Dynamic support for gauge [was merged](https://github.com/FlowFuse/node-red-dashboard/pull/1238) into the main branch - which has updated the docs. However, this is not yet released as there are some additional issues with the dynamic support for gauge that are being addressed here: [1180 UI Gauge bug fixes by gayanSandamal · Pull Request #1264 · FlowFuse/node-red-dashboard · GitHub](https://github.com/FlowFuse/node-red-dashboard/pull/1264) before we push a new release.

I will look into our processes for how docs are updated and see if they cannot be separated from PRs (or some other means of process control that limits this step between merge and release)

Sorry for the inconvenience.

---

<div class="post-metadata">

**Author:** ![makerstorage](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/makerstorage/32/57594_2.png) [@makerstorage](https://discourse.nodered.org/u/makerstorage)\
**Post date:** [5 September 2024 12:29 UTC](https://discourse.nodered.org/t/how-to-update-to-the-final-version-of-dashboard-2-0/90728/6 "2024-09-05T12:29:43Z")

</div>

Thanks for the explanation @Steve-Mcl  
Hope to receive the dynamic properties for the gauge soon.

Thanks for the great work!

---

<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:** [19 September 2024 12:30 UTC](https://discourse.nodered.org/t/how-to-update-to-the-final-version-of-dashboard-2-0/90728/7 "2024-09-19T12:30:21Z")

</div>

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