Help with db-2 button node

Dashboard
1

This is DB-2, not the old/original one.

Folks, I missed the memo on this.

(And now I shall digress quickly)

In the old dashboard, you/I could set what is shown with {{msg.xxx}} things and inject them into the button.

But I can't get that working with the new one.

This is the node:

[{"id":"de5be44bacf7ef7d","type":"ui-button","z":"b39000460508d582","group":"6f4a6f88bfbb219b","name":"","label":"HOLD","order":6,"width":"1","height":"1","emulateClick":false,"tooltip":"","color":"","bgcolor":"","className":"","icon":"","iconPosition":"left","payload":"X","payloadType":"str","topic":"topic","topicType":"msg","buttonColor":"{{msg.colour}}","textColor":"{{msg.txt}}","iconColor":"","enableClick":true,"enablePointerdown":false,"pointerdownPayload":"","pointerdownPayloadType":"str","enablePointerup":false,"pointerupPayload":"","pointerupPayloadType":"str","x":520,"y":490,"wires":[["5bdde14fb80b87f6","b5d74453ad226bca"]]},{"id":"6f4a6f88bfbb219b","type":"ui-group","name":"Group 1","page":"b9b507aa5c5840c2","width":"10","height":1,"order":1,"showTitle":false,"className":"","visible":"true","disabled":"false","groupType":"default"},{"id":"b9b507aa5c5840c2","type":"ui-page","name":"Down/Up load speed tester","ui":"379027033ed5c83a","path":"/page1","icon":"home","layout":"flex","theme":"84a68e3f4c6f8cdc","breakpoints":[{"name":"Default","px":"0","cols":"3"},{"name":"Tablet","px":"576","cols":"6"},{"name":"Small Desktop","px":"768","cols":"9"},{"name":"Desktop","px":"1024","cols":"12"}],"order":1,"className":"","visible":"true","disabled":"false"},{"id":"379027033ed5c83a","type":"ui-base","name":"My Dashboard","path":"/dashboard","appIcon":"","includeClientData":true,"acceptsClientConfig":["ui-notification","ui-control"],"showPathInSidebar":false,"headerContent":"page","navigationStyle":"default","titleBarStyle":"default","showReconnectNotification":true,"notificationDisplayTime":1,"showDisconnectNotification":true,"allowInstall":true},{"id":"84a68e3f4c6f8cdc","type":"ui-theme","name":"Default Theme","colors":{"surface":"#63452c","primary":"#0094ce","bgPage":"#63452c","groupBg":"#63452c","groupOutline":"#cccccc"},"sizes":{"density":"default","pagePadding":"12px","groupGap":"12px","groupBorderRadius":"4px","widgetGap":"12px"}}]

I want it to .... reflect what is coming into it.

eg:

{"_event":"node:bdbfe2be5baec569","_client":{"socketId":"yM2HDRVyC5rEppUfAAAD","socketIp":"127.0.0.1"},"topic":"","payload":0,"_msgid":"41164113ca0432b7","colour":"red","txt":"HOLD"}

Or:

{"_event":{"type":"click","clientX":453,"clientY":339,"bbox":{"x":404.20001220703125,"y":283.8500061035156,"width":81.80000305175781,"height":83.41665649414062,"top":283.8500061035156,"right":486.00001525878906,"bottom":367.26666259765625,"left":404.20001220703125}},"_client":{"socketId":"yM2HDRVyC5rEppUfAAAD","socketIp":"127.0.0.1"},"topic":"","payload":1,"_msgid":"41164113ca0432b7","colour":"green","txt":"PASS"}

Someone, please.

(Deleted something as I shot myself in the foot)

2

Try passing in the text via msg.ui_update.label.

3

I have no idea what that means.
Sad, but true.

Do you mean via msg.ui_update.label?

4

I've tried for a long time with "chatgpt" and got nowhere.

I'm going to lunch now.

May be back later on today.

5

In a change node, set msg.ui_update.label to the value that you want the button to show and connect that to the input of the button.

1 Like
6

Ok, now going "off topic".

Could someone help me understand the .... structure of how these new buttons (etc) work and how I change their .... attributes?

Like text, colour etc....

7

Ok, got the text side working.

Now, how about the colour?

I am really flying blind here.

8

I'm assuming that you have already read the documentation …

1 Like
9

Well, honestly:

No.

I had looked but THAT document/link didn't come up.

Thanks.

10

Anyone working with DB-2 must have this (living) document as his bible: NR Dashboard 2.0 - documentation.

It is rare to see such clear & detailed documentation in the open-source realm (tanks @joepavitt). Let's use it!

5 Likes