# What do you use as level node in dashboard 2?

**URL:** <https://discourse.nodered.org/t/what-do-you-use-as-level-node-in-dashboard-2/93484>\
**Category:** Dashboard\
**Tags:** dashboard-2\
**Created:** [26 November 2024 19:34 UTC](https://discourse.nodered.org/t/what-do-you-use-as-level-node-in-dashboard-2/93484 "2024-11-26T19:34:45Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![NodyRed](https://avatars.discourse-cdn.com/v4/letter/n/91b2a8/32.png) [@NodyRed](https://discourse.nodered.org/u/NodyRed)\
**Post date:** [26 November 2024 19:34 UTC](https://discourse.nodered.org/t/what-do-you-use-as-level-node-in-dashboard-2/93484/1 "2024-11-26T19:34:45Z")

</div>

I understand there is currently no level node as in dashboard 1. What do you use as a replacement?

---

<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:** [26 November 2024 20:29 UTC](https://discourse.nodered.org/t/what-do-you-use-as-level-node-in-dashboard-2/93484/2 "2024-11-26T20:29:01Z")

</div>

If you do mean this

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/1/e/1e91a6d3d38fb986b8260f2f5e62ed980b7890b2.png)

then there's isnt any with a round shape and a wavy liquid.

Dashboard 2 gauge node gives this (waves do animate)

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/3/6/36f8a4d656af31f623648b2569d47469382cdfe3.png)

And you can always do it with `ui_template`  
Examples here

> [@Tank level indication inside of ui-template(v2)](https://discourse.nodered.org/t/tank-level-indication-inside-of-ui-template-v2/86595/2):
>

---

<div class="post-metadata">

**Author:** ![NodyRed](https://avatars.discourse-cdn.com/v4/letter/n/91b2a8/32.png) [@NodyRed](https://discourse.nodered.org/u/NodyRed)\
**Post date:** [27 November 2024 11:08 UTC](https://discourse.nodered.org/t/what-do-you-use-as-level-node-in-dashboard-2/93484/3 "2024-11-27T11:08:59Z")

</div>

This I will also need, but I'm looking for the horizontal level. The gauge only offers the arc style which takes a lot of space. So just the horizontal level where I can define min, max and current value will be shown

I just saw in the link above there is another link that has some template for a horizontal level. I will check that one out.

Like that:

> **[node-red-contrib-ui-level](https://flows.nodered.org/node/node-red-contrib-ui-level)**
>
> A Node Red dashboard ui node. Linear level indicator

---

<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:** [27 November 2024 11:10 UTC](https://discourse.nodered.org/t/what-do-you-use-as-level-node-in-dashboard-2/93484/4 "2024-11-27T11:10:57Z")

</div>

> **[@hotnipi/node-red-dashboard-2-ui-gauge-linear](https://flows.nodered.org/node/@hotnipi/node-red-dashboard-2-ui-gauge-linear)**
>
> A linear style gauge node for @flowfuse/node-red-dashboard

> **[@hotnipi/node-red-dashboard-2-ui-edgewise-meter](https://flows.nodered.org/node/@hotnipi/node-red-dashboard-2-ui-edgewise-meter)**
>
> An edgewise meter gauge node for @flowfuse/node-red-dashboard

---

<div class="post-metadata">

**Author:** ![NodyRed](https://avatars.discourse-cdn.com/v4/letter/n/91b2a8/32.png) [@NodyRed](https://discourse.nodered.org/u/NodyRed)\
**Post date:** [27 November 2024 11:11 UTC](https://discourse.nodered.org/t/what-do-you-use-as-level-node-in-dashboard-2/93484/5 "2024-11-27T11:11:35Z")

</div>

Even better, cool thanks for pointing out.  
That should be included in dashboard2.

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [27 November 2024 11:31 UTC](https://discourse.nodered.org/t/what-do-you-use-as-level-node-in-dashboard-2/93484/6 "2024-11-27T11:31:12Z")

</div>

It isn't feasible to put everything in the core dashboard, it would become bloated. There is a list of [additional nodes available](https://dashboard.flowfuse.com/nodes/widgets.html#third-party-widgets) but it seems it is not complete.

@joepavitt is there a defined procedure for getting contributed nodes into that list?

---

<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:** [27 November 2024 12:00 UTC](https://discourse.nodered.org/t/what-do-you-use-as-level-node-in-dashboard-2/93484/7 "2024-11-27T12:00:44Z")

</div>

> @joepavitt is there a defined procedure for getting contributed nodes into that list?

Opening a Pull Request on our documentation 😃

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [27 November 2024 12:05 UTC](https://discourse.nodered.org/t/what-do-you-use-as-level-node-in-dashboard-2/93484/8 "2024-11-27T12:05:19Z")

</div>

Fair enough.

---

<div class="post-metadata">

**Author:** ![NodyRed](https://avatars.discourse-cdn.com/v4/letter/n/91b2a8/32.png) [@NodyRed](https://discourse.nodered.org/u/NodyRed)\
**Post date:** [27 November 2024 15:36 UTC](https://discourse.nodered.org/t/what-do-you-use-as-level-node-in-dashboard-2/93484/9 "2024-11-27T15:36:13Z")

</div>

@hotNipi  
Is it possible to add a mode that allows to choose 3 colors (one for left side, one for middle, one for right side) and interpolate/fade colors in between?  
Other than that this is fantastic!

---

<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:** [27 November 2024 15:49 UTC](https://discourse.nodered.org/t/what-do-you-use-as-level-node-in-dashboard-2/93484/10 "2024-11-27T15:49:46Z")

</div>

Guessing you are talking about gauge-linear.  
Interpolation is not currently an option.

But as the node is currently under the development to add some features anyway, I may consider to find a way to make that also.

---

<div class="post-metadata">

**Author:** ![NodyRed](https://avatars.discourse-cdn.com/v4/letter/n/91b2a8/32.png) [@NodyRed](https://discourse.nodered.org/u/NodyRed)\
**Post date:** [27 November 2024 15:53 UTC](https://discourse.nodered.org/t/what-do-you-use-as-level-node-in-dashboard-2/93484/11 "2024-11-27T15:53:12Z")

</div>

Yes talking about gauge-linear. It is fantastic already anyway.

---

<div class="post-metadata">

**Author:** ![NodyRed](https://avatars.discourse-cdn.com/v4/letter/n/91b2a8/32.png) [@NodyRed](https://discourse.nodered.org/u/NodyRed)\
**Post date:** [29 November 2024 14:39 UTC](https://discourse.nodered.org/t/what-do-you-use-as-level-node-in-dashboard-2/93484/12 "2024-11-29T14:39:20Z")

</div>

@hotNipi  
Using @hotnipi/node-red-dashboard-2-ui-gauge-linear is there a way to set the decimals? Currently it always shows 2 decimals and I could not figure out how to reduce to one decimal or no decimal at all.

---

<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:** [29 November 2024 14:51 UTC](https://discourse.nodered.org/t/what-do-you-use-as-level-node-in-dashboard-2/93484/13 "2024-11-29T14:51:08Z")

</div>

Not currently possible to adjust.

Rise issue here: [GitHub - hotNipi/node-red-dashboard-2-ui-gauge-linear: A linear type of gauge node for node-red dashboard 2.0](https://github.com/hotNipi/node-red-dashboard-2-ui-gauge-linear)

---

<div class="post-metadata">

**Author:** ![NodyRed](https://avatars.discourse-cdn.com/v4/letter/n/91b2a8/32.png) [@NodyRed](https://discourse.nodered.org/u/NodyRed)\
**Post date:** [30 November 2024 15:51 UTC](https://discourse.nodered.org/t/what-do-you-use-as-level-node-in-dashboard-2/93484/14 "2024-11-30T15:51:10Z")

</div>

@hotNipi  
when applying color to the linear bar, I have some difficulties at the right end. I can drag away the bar instead of applying color when holding mouse down. Trying again it works better but still sometimes it happens. See screenshot without mousepointer.  
Maybe that happens after adding cells. Bot sure.

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/8/e/8e8cef16c74dfb731bc69b1bd70fbd0577368add.png)

---

<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:** [30 November 2024 16:02 UTC](https://discourse.nodered.org/t/what-do-you-use-as-level-node-in-dashboard-2/93484/15 "2024-11-30T16:02:18Z")

</div>

And the browser and the OS are...

---

<div class="post-metadata">

**Author:** ![NodyRed](https://avatars.discourse-cdn.com/v4/letter/n/91b2a8/32.png) [@NodyRed](https://discourse.nodered.org/u/NodyRed)\
**Post date:** [30 November 2024 16:04 UTC](https://discourse.nodered.org/t/what-do-you-use-as-level-node-in-dashboard-2/93484/16 "2024-11-30T16:04:32Z")

</div>

Firefox 133, Windows 10

---

<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:** [30 November 2024 16:07 UTC](https://discourse.nodered.org/t/what-do-you-use-as-level-node-in-dashboard-2/93484/17 "2024-11-30T16:07:33Z")

</div>

Ok. Can try tomorrow. Strange anyway. Nothing too special in that build up.

---

<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:** [1 December 2024 11:38 UTC](https://discourse.nodered.org/t/what-do-you-use-as-level-node-in-dashboard-2/93484/18 "2024-12-01T11:38:34Z")

</div>

> [@NodyRed](#):
>
> I can drag away the bar instead of applying color

Fixed in v0.1.3

---

<div class="post-metadata">

**Author:** ![NodyRed](https://avatars.discourse-cdn.com/v4/letter/n/91b2a8/32.png) [@NodyRed](https://discourse.nodered.org/u/NodyRed)\
**Post date:** [1 December 2024 12:47 UTC](https://discourse.nodered.org/t/what-do-you-use-as-level-node-in-dashboard-2/93484/19 "2024-12-01T12:47:09Z")

</div>

Thanks!  
Any plans for a vertical variant? Maybe as a configuration value?

---

<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:** [1 December 2024 12:55 UTC](https://discourse.nodered.org/t/what-do-you-use-as-level-node-in-dashboard-2/93484/20 "2024-12-01T12:55:44Z")

</div>

I haven't figured out any good layout for vertical.

[Next page](https://discourse.nodered.org/t/what-do-you-use-as-level-node-in-dashboard-2/93484.md?page=2)