# \[Announce\] node-red-contrib-ui-level

**URL:** <https://discourse.nodered.org/t/announce-node-red-contrib-ui-level/9408>\
**Category:** Share Your Nodes\
**Created:** [25 March 2019 15:52 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-level/9408 "2019-03-25T15:52:05Z")\
**Posts on this page:** 20\
**Page:** 2

<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:** [25 April 2019 03:49 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-level/9408/21 "2019-04-25T03:49:05Z")

</div>

Can be done.  
Most probably it will be checkbox on configuration page to turn it on/off.  
Can I have a little help - how to label this feature checkbox?

---

<div class="post-metadata">

**Author:** ![BartButenaers](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bartbutenaers/32/10476_2.png) [@BartButenaers](https://discourse.nodered.org/u/BartButenaers)\
**Post date:** [25 April 2019 05:13 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-level/9408/22 "2019-04-25T05:13:50Z")

</div>

Perhaps "Apply single color"?

---

<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:** [25 April 2019 05:16 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-level/9408/23 "2019-04-25T05:16:28Z")

</div>

Confusing cos which one of colors then be used the one may ask if the one did not carefully inspected the info page where additional info can be presented...

And actually all colors be still used so ... 🤔

---

<div class="post-metadata">

**Author:** ![realjax](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/realjax/32/895_2.png) [@realjax](https://discourse.nodered.org/u/realjax)\
**Post date:** [25 April 2019 06:32 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-level/9408/24 "2019-04-25T06:32:33Z")

</div>

😃 That's a good question. How about 'Solid bar colors' or maybe just the opposite 'variable colors'..

'Conditional bar colors' maybe?

hotNipi via Node-RED Forum [nodered@discoursemail.com](mailto:nodered@discoursemail.com) schreef op 25 april 2019 05:59:06 CEST:

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [25 April 2019 07:27 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-level/9408/25 "2019-04-25T07:27:30Z")

</div>

though the idea of the segments is to show how close you are to that region of operation. If it's a single colour you have no idea where you are on that scale... but I guess it's a choice.

How about a select " show " [multiple segments] / [single colour bar]

PS - What is Schema in the current settings ? I have no idea what this means in the context. How do I pass in a schema ?

---

<div class="post-metadata">

**Author:** ![realjax](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/realjax/32/895_2.png) [@realjax](https://discourse.nodered.org/u/realjax)\
**Post date:** [25 April 2019 08:55 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-level/9408/26 "2019-04-25T08:55:21Z")

</div>

> [@dceejay](#):
>
> though the idea of the segments is to show how close you are to that region of operation. If it's a single colour you have no idea where you are on that scale... but I guess it's a choice.

I intend to build a dashboard page that shows the battery status of a whole bunch of devices. It would take all but a quick glance to see if a battery needs replacing 🙂

---

<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:** [25 April 2019 09:52 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-level/9408/27 "2019-04-25T09:52:13Z")

</div>

> [@dceejay](#):
>
> " show " [multiple segments] / [single colour bar]

Will be implemented on next version. Feature behavior stays 🙂

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [25 April 2019 11:30 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-level/9408/28 "2019-04-25T11:30:16Z")

</div>

Slight diversion of current topic - but setting range from 0 to -100 doesn't work ...

---

<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:** [25 April 2019 15:32 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-level/9408/29 "2019-04-25T15:32:34Z")

</div>

Diversion ended up with improved widget in version 0.0.19 🙂 Thank you!

---

<div class="post-metadata">

**Author:** ![europer](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/europer/32/28437_2.png) [@europer](https://discourse.nodered.org/u/europer)\
**Post date:** [1 February 2020 09:47 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-level/9408/30 "2020-02-01T09:47:29Z")

</div>

Hi, new in this forum but I cant find in dr.google any answer about it.  
If I use the pair modus with channels a and b how do I give the load/value to the channels....  
can sombody give me an example...  
thanks 🙂

---

<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 February 2020 09:51 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-level/9408/31 "2020-02-01T09:51:26Z")

</div>

Welcome to forum.  
The info page says - For `Pair Horizontal` layout the `msg.payload` is expected to be an `array`  
If you are using function node then it should look something like this:  
`msg.payload = [15,20]`

---

<div class="post-metadata">

**Author:** ![europer](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/europer/32/28437_2.png) [@europer](https://discourse.nodered.org/u/europer)\
**Post date:** [1 February 2020 11:13 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-level/9408/32 "2020-02-01T11:13:01Z")

</div>

thanks for the fast replay 👍

---

<div class="post-metadata">

**Author:** ![Kriller](https://avatars.discourse-cdn.com/v4/letter/k/e5b9ba/32.png) [@Kriller](https://discourse.nodered.org/u/Kriller)\
**Post date:** [18 March 2020 10:25 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-level/9408/33 "2020-03-18T10:25:40Z")

</div>

Hi. I cannot get the bar to show anything. Anyone else who has this issue?

Node Red v1.0.4  
node-red-contrib-ui-level v0.1.26  
Chrome browser, Win10

![nr-chrome](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/1/4/14a4ae78dba336bf8f0c0fff13b2106afef4fc3d.png)

---

<div class="post-metadata">

**Author:** ![Paul-Reed](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/paul-reed/32/66906_2.png) [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)\
**Post date:** [18 March 2020 10:53 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-level/9408/34 "2020-03-18T10:53:32Z")

</div>

Can you add a debug node in your flow just before the ui-level node and post the results here, so we can see what you are feeding into the node.

---

<div class="post-metadata">

**Author:** ![Kriller](https://avatars.discourse-cdn.com/v4/letter/k/e5b9ba/32.png) [@Kriller](https://discourse.nodered.org/u/Kriller)\
**Post date:** [18 March 2020 12:08 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-level/9408/35 "2020-03-18T12:08:12Z")

</div>

Like this?

The weird part is that the number is correct, it is only the bar

 ![nr-chrome-02](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/5/6/5663c02791675616cedffd8a65f3ac924f0d42a9.png)

I've also tried injecting msg.payload : 54 directlyg with an inject-node

---

<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:** [18 March 2020 12:11 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-level/9408/36 "2020-03-18T12:11:06Z")

</div>

About your setup, do you run Node\_RED locally, or cloud or using docker?  
Can you see errors in browser dev tools console?

---

<div class="post-metadata">

**Author:** ![Kriller](https://avatars.discourse-cdn.com/v4/letter/k/e5b9ba/32.png) [@Kriller](https://discourse.nodered.org/u/Kriller)\
**Post date:** [18 March 2020 12:15 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-level/9408/37 "2020-03-18T12:15:18Z")

</div>

I run it locally, as an add-on to Hassio (Ubuntu + Docker)

Console log from Chrome. It is not working on my Android phone either

 ![nr-chrome-03](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/e/5/e5003c736125a2146bb4717cddd4a058e988905a.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:** [18 March 2020 12:26 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-level/9408/38 "2020-03-18T12:26:51Z")

</div>

Complex setups which I can't to check ...  
There has been similar issues with solution. Try if it helps.

> [@Node-red-ui-table fails when httpNodeAuth enabled](https://discourse.nodered.org/t/node-red-ui-table-fails-when-httpnodeauth-enabled/22425/4):
>
> Despite clearing the browser cache & using an incognito browser, the problem persisted, and was repeatable... However, after manually deleting the node-RED browser manifest via chrome://appcache-internals/# the libraries now load OK, and both this node, and node-red-contrib-ui-contextmenu work OK.

---

<div class="post-metadata">

**Author:** ![Kriller](https://avatars.discourse-cdn.com/v4/letter/k/e5b9ba/32.png) [@Kriller](https://discourse.nodered.org/u/Kriller)\
**Post date:** [18 March 2020 12:29 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-level/9408/39 "2020-03-18T12:29:06Z")

</div>

Do you think it has to do with gsap is not defined?

And  
[http://192.168.1.7:1880/endpoint/ui/ui-level/js/gsap.min.js](http://192.168.1.7:1880/endpoint/ui/ui-level/js/gsap.min.js) 404 (Not Found)

@hotNipi - (regarding the linked solution) Yes, Theres is no manifest to delete in chrome.  
I've tried Firefox. Same problem. gsap not defined

@hotNipi ok, thank you so much for taking a look at it

(Sorry I have to reply here - new user limit on replys)

---

<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:** [18 March 2020 12:44 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-level/9408/40 "2020-03-18T12:44:17Z")

</div>

Too bad. I can't say much about why. This problem comes with your setup, which I can't build for myself thus can't test.

[Previous page](https://discourse.nodered.org/t/announce-node-red-contrib-ui-level/9408.md?page=1)

[Next page](https://discourse.nodered.org/t/announce-node-red-contrib-ui-level/9408.md?page=3)