Water Tank Gauge Value Display

Dashboard
1

I'm migrating to dashboard 2 and can't figure out how to get the Water Tank gauge to display the gallons value like I have in the dashboard 1 version. I'm passing the actual gallons and the gauge displays a percentage value based on the maximum range.

I found a very brief paragraph the mentions overriding CSS, but I'm lost as how to override the default percentage display with the actual numeric value and units.
The following are mentioned but I couldn't find any examples on how to implement them.
.nrdb-ui-gauge-value span - The value in the middle of the gauge
.nrdb-ui-gauge-value label - The unit label

If the water level is 95 Gallons, that is what I would like displayed instead of the percentage equivalent.

2

We don't actually have a way to do this now, could I trouble you to open an issue/feature request please: Issues · FlowFuse/node-red-dashboard · GitHub

3

And you can use the ui_template to make your tank level indicators. That way you can make it as you like.
Examples here

4

Thanks @hotNipi, this looks like it supports exactly what I was hoping to achieve.

5

Submitted a feature request.

1 Like