# Dashboard gauges
**URL:** https://discourse.nodered.org/t/dashboard-gauges/25176
**Category:** Dashboard
**Created:** [20 April 2020 08:19 UTC](https://discourse.nodered.org/t/dashboard-gauges/25176 "2020-04-20T08:19:22Z")
**Posts on this page:** 4
**Page:** 1
### Author:  [@Chaos](https://discourse.nodered.org/u/Chaos)
#### Post date: [20 April 2020 08:19 UTC](https://discourse.nodered.org/t/dashboard-gauges/25176/1 "2020-04-20T08:19:22Z")
I have been playing around with the steel series gauges to use on my heating system controller and now have a really smart dashboard working well on my ryzen laptop. Problem is the wall controllers which are old android tablets, the heating page has 12 gauges on it as well as many buttons and switches and takes the android tablets about 30seconds to load / refresh (an i-Pad pro II takes about 6seconds). So i need to make a different dashboard (less processor intensive for the slow devices). So will replaced the steelseries with the standard dash board gauges (as i have used many of these on same page with no problem.
But i need to modify the standard gauge slightly. The label can be set by a message property by setting the field to the name of the property, for example `{{msg.label}}`, but i want to be able to do the same for the 'units' field. if I enter, for example {{msg.units}} then send this in the payload it does change but only after entire page deploy.
So i have got the gauge.html and .js files up in atom and having a play around. I am a bit of a newbie to this and most of what i have learned is by trial and error. can anyone give me a few pointers on this.
many thanks Chris
---
### Author:  [@Andrei](https://discourse.nodered.org/u/Andrei)
#### Post date: [20 April 2020 16:49 UTC](https://discourse.nodered.org/t/dashboard-gauges/25176/2 "2020-04-20T16:49:23Z")
> [@Chaos](#):
>
> i want to be able to do the same for the 'units' field. if I enter, for example {{msg.units}} then send this in the payload it does change but only after entire page deploy.
You can customize the ui\_gauge by adding the property msg.ui\_control to the msg that is sent to the ui\_gauge node.
References:
[UI Widget configuration via msg.ui\_control](https://github.com/node-red/node-red-dashboard/blob/master/config-fields.md)
[Justgage options](https://github.com/toorshia/justgage/blob/master/justgage.js#L42)
Testing flow:
```auto
[{"id":"da76ae66.c9f3b","type":"tab","label":"Flow 1","disabled":false,"info":""},{"id":"9f0d196c.3094c8","type":"ui_gauge","z":"da76ae66.c9f3b","name":"","group":"df1e821.a662d8","order":0,"width":"6","height":"6","gtype":"gage","title":"","label":"","format":"{{value}}","min":0,"max":10,"colors":["#00b500","#e6e600","#ca3838"],"seg1":"","seg2":"","x":710,"y":220,"wires":[]},{"id":"aa3c3245.f077b","type":"change","z":"da76ae66.c9f3b","name":"","rules":[{"t":"set","p":"ui_control","pt":"msg","to":"{\t \"gtype\":\"donut\",\t \"min\":0,\t \"max\":100,\t \"seg1\":30,\t \"seg2\":60,\t \"colors\":[\"blue\",\"orange\",\"lime\"],\t \"options\":{\t \"width\":50,\t \"valueFontFamily\":\"D14C\",\t \"gaugeWidthScale\":0.5,\t \"labelFontColor\":\"#d11d3e\",\t \"label\": unit\t }\t}","tot":"jsonata"}],"action":"","property":"","from":"","to":"","reg":false,"x":530,"y":220,"wires":[["9f0d196c.3094c8"]]},{"id":"a8416c2b.5a2a9","type":"inject","z":"da76ae66.c9f3b","name":"","topic":"","payload":"10","payloadType":"num","repeat":"","crontab":"","once":false,"onceDelay":0.1,"x":130,"y":220,"wires":[["b91523a8.455d7"]]},{"id":"b91523a8.455d7","type":"change","z":"da76ae66.c9f3b","name":"","rules":[{"t":"set","p":"unit","pt":"msg","to":"psi","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":310,"y":220,"wires":[["aa3c3245.f077b"]]},{"id":"43d1bff5.9912c","type":"change","z":"da76ae66.c9f3b","name":"","rules":[{"t":"set","p":"unit","pt":"msg","to":"bar","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":310,"y":280,"wires":[["aa3c3245.f077b"]]},{"id":"a93aacb2.d1584","type":"inject","z":"da76ae66.c9f3b","name":"","topic":"","payload":"40","payloadType":"num","repeat":"","crontab":"","once":false,"onceDelay":0.1,"x":130,"y":280,"wires":[["43d1bff5.9912c"]]},{"id":"df1e821.a662d8","type":"ui_group","z":"","name":"LED-3","tab":"ecbd446f.119948","order":3,"disp":false,"width":"6","collapse":false},{"id":"ecbd446f.119948","type":"ui_tab","z":"","name":"LED","icon":"fa-fire","order":18}]
```
---
### Author:  [@Chaos](https://discourse.nodered.org/u/Chaos)
#### Post date: [21 April 2020 08:22 UTC](https://discourse.nodered.org/t/dashboard-gauges/25176/3 "2020-04-21T08:22:57Z")
Thank you. I thought i was going to have to edit the gauge js & html files.
---
### Author:  [@system](https://discourse.nodered.org/u/system)
#### Post date: [5 May 2020 08:23 UTC](https://discourse.nodered.org/t/dashboard-gauges/25176/4 "2020-05-05T08:23:02Z")
This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.