# Water Tank Gauge Value Display

**URL:** <https://discourse.nodered.org/t/water-tank-gauge-value-display/93302>\
**Category:** Dashboard\
**Tags:** dashboard-2\
**Created:** [21 November 2024 05:21 UTC](https://discourse.nodered.org/t/water-tank-gauge-value-display/93302 "2024-11-21T05:21:23Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Donner](https://avatars.discourse-cdn.com/v4/letter/d/bbce88/32.png) [@Donner](https://discourse.nodered.org/u/Donner)\
**Post date:** [21 November 2024 05:21 UTC](https://discourse.nodered.org/t/water-tank-gauge-value-display/93302/1 "2024-11-21T05:21:23Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![joepavitt](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/joepavitt/32/59722_2.png) [@joepavitt](https://discourse.nodered.org/u/joepavitt)\
**Post date:** [22 November 2024 13:43 UTC](https://discourse.nodered.org/t/water-tank-gauge-value-display/93302/2 "2024-11-22T13:43:41Z")

</div>

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](https://github.com/FlowFuse/node-red-dashboard/issues)

---

<div class="post-metadata">

**Author:** ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)\
**Post date:** [22 November 2024 14:49 UTC](https://discourse.nodered.org/t/water-tank-gauge-value-display/93302/3 "2024-11-22T14:49:31Z")

</div>

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

> [@Tank level indication inside of ui-template(v2)](https://discourse.nodered.org/t/tank-level-indication-inside-of-ui-template-v2/86595):
>
> I need to put a tank level indication or ui-gauge inside of a ui-template. Does anyone have a idea on how to achieve that?

---

<div class="post-metadata">

**Author:** ![Donner](https://avatars.discourse-cdn.com/v4/letter/d/bbce88/32.png) [@Donner](https://discourse.nodered.org/u/Donner)\
**Post date:** [22 November 2024 17:48 UTC](https://discourse.nodered.org/t/water-tank-gauge-value-display/93302/4 "2024-11-22T17:48:57Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Donner](https://avatars.discourse-cdn.com/v4/letter/d/bbce88/32.png) [@Donner](https://discourse.nodered.org/u/Donner)\
**Post date:** [22 November 2024 17:57 UTC](https://discourse.nodered.org/t/water-tank-gauge-value-display/93302/5 "2024-11-22T17:57:55Z")

</div>

Submitted a feature request.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [22 December 2024 17:58 UTC](https://discourse.nodered.org/t/water-tank-gauge-value-display/93302/6 "2024-12-22T17:58:09Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.