Hello, in a somewhat OCD way, I wish to style/resize my node red gauges. I have done a lot of research but to little avail.
Some help has come from:
- node-red-dashboard/config-fields.md at master · node-red/node-red-dashboard (github.com)
- justgage/justgage.js at master · toorshia/justgage (github.com)
- F12 element discovery within the browser
However very little progress.
Goal = increase size of a gauge node type "gauge" so that I can make it fill up more of its allotted real estate within the ui-card where it resides.
So far = Using a function node which receives the message then feeds to the gauge:
Without any function, these gauges leave a border within the card equal on both sides:
With the following code within the function node:
I can achieve a resize like this (greatly oversized to show the challange)
But as you can see even though I can influence the actual size of the dial...I am unable (so far) to center it, or adjust top margin etc. to get it into the card centered. I have attempted UI nodes to influence the actual card...but got nowhere.
Any ideas or points to other resources greatly appreciated!