How to Update to the Final Version of Dashboard 2.0?

Dashboard
,
1

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.

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!

2

This seems to be a bug, I would check the Github 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.

[{"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"}}]
3

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.

4

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

I have tried using both ui_update.label or ui_update.title.

This seems to be a bug, I would check the Github 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
chrome_screenshot_5 Sep 2024 11_02_44 BST1920×660 100 KB

Set change node to send msg.ui_update.title

[{"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.

[{"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"}}]
5

Docs are slightly ahead (again)

Dynamic support for gauge was merged 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 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.

6

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

Thanks for the great work!