# UI LED now available for Dashboard 2.0

**URL:** https://discourse.nodered.org/t/ui-led-now-available-for-dashboard-2-0/85610
**Category:** Dashboard
**Tags:** dashboard-2
**Created:** [17 February 2024 10:36 UTC](https://discourse.nodered.org/t/ui-led-now-available-for-dashboard-2-0/85610 "2024-02-17T10:36:51Z")
**Posts on this page:** 20
**Page:** 1

<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: [17 February 2024 10:36 UTC](https://discourse.nodered.org/t/ui-led-now-available-for-dashboard-2-0/85610/1 "2024-02-17T10:36:51Z")

</div>

HI All, it had been a very popular request, and is the most popular third-party widget for Dashboard 1.0, so, I spent last night and this morning building out UI LED for Node-RED Dashboard 2.0:

 ![305635208-e90ebb01-a62b-4332-bb2e-958c77d8a798](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/b/b/bb77232f9fdae4ece7c6f0b715d8b65aba366d7c.png)

I've just published it to the Node-RED Catalog: [node-red-dashboard-2-ui-led (node) - Node-RED](https://flows.nodered.org/node/@flowfuse/node-red-dashboard-2-ui-led)

Please give it a go and let me know how you get on. Happy Dashboarding!

---

<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: [17 February 2024 12:15 UTC](https://discourse.nodered.org/t/ui-led-now-available-for-dashboard-2-0/85610/2 "2024-02-17T12:15:28Z")

</div>

On one of my systems it works perfectly, but on another it is completely invisible. If I inspect the space where it should be it is there and I can't see anything wrong. Both systems using latest node red and D2 and nodejs 20. Nothing in the log and no errors in browser log.

I am not proficient in CSS, any suggestions on what I should look for in the inspect details?

---

<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: [17 February 2024 12:34 UTC](https://discourse.nodered.org/t/ui-led-now-available-for-dashboard-2-0/85610/3 "2024-02-17T12:34:08Z")

</div>

When you say it is there, do you mean in the HTML DOM? But renders invisible in the actual Dashboard?

That is odd.

If youre able to reproduce with a small flow, please do open an issue, and I can take a look

---

<div class="post-metadata">

### Author: ![rei\_vilo](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/rei_vilo/32/162_2.png) [@rei\_vilo](https://discourse.nodered.org/u/rei_vilo)
#### Post date: [17 February 2024 12:52 UTC](https://discourse.nodered.org/t/ui-led-now-available-for-dashboard-2-0/85610/4 "2024-02-17T12:52:26Z")

</div>

Same issue here. Ticket created at [The LED does not show up on the dashboard. · Issue #2 · FlowFuse/node-red-dashboard-2-ui-led · GitHub](https://github.com/FlowFuse/node-red-dashboard-2-ui-led/issues/2)

Minor detail: the GitHub link on the page [@flowfuse/node-red-dashboard-2-ui-led](https://flows.nodered.org/node/@flowfuse/node-red-dashboard-2-ui-led) points to [https://github.com/flowforge/node-red-dashboard-3rd-party](https://github.com/flowforge/node-red-dashboard-3rd-party) and not to [https://github.com/FlowFuse/node-red-dashboard-2-ui-led](https://github.com/FlowFuse/node-red-dashboard-2-ui-led)

Thank you!

---

<div class="post-metadata">

### Author: ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)
#### Post date: [17 February 2024 13:21 UTC](https://discourse.nodered.org/t/ui-led-now-available-for-dashboard-2-0/85610/5 "2024-02-17T13:21:30Z")

</div>

Minor presentation niggles:

- How come ui-led appears in palette group ui rather than dashboard 2?
- The widget in the palette is uncoloured, not what one would expect from an LED.
- Once dragged into the editor it is unhelpfully gloomy.
- In the User settings popup, Dashboard 2 has no "-2" but @flowfuse/node-red-dashboard-2-ui-led does have.

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

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/b/2/b2a083c76d6046188aa5e39b4f32405a8a6da29e.png)

---

<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: [17 February 2024 13:23 UTC](https://discourse.nodered.org/t/ui-led-now-available-for-dashboard-2-0/85610/6 "2024-02-17T13:23:58Z")

</div>

> [@joepavitt](#):
>
> When you say it is there, do you mean in the HTML DOM? But renders invisible in the actual Dashboard?

Yes.

> [@joepavitt](#):
>
> If youre able to reproduce with a small flow, please do open an issue, and I can take a look

It is all at default settings, just placed on a page. I wonder if it is a sizing issue, on an old tablet that I have I can see it as a tiny red/green dot only a couple of pixels across, though the same dashboard shows nothing on PC or phone. On the PC I did force a full page refresh to no avail.

---

<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: [17 February 2024 13:46 UTC](https://discourse.nodered.org/t/ui-led-now-available-for-dashboard-2-0/85610/7 "2024-02-17T13:46:39Z")

</div>

> [@jbudd](#):
>
> Minor presentation niggles:

I am not seeing those problems

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

Possibly try a node-red restart and clear browser cache and refresh page.

---

<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: [17 February 2024 13:46 UTC](https://discourse.nodered.org/t/ui-led-now-available-for-dashboard-2-0/85610/8 "2024-02-17T13:46:49Z")

</div>

Hmm, well thats very bizarre. Something hasn't gone to plan with the publication of the node...

---

<div class="post-metadata">

### Author: ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)
#### Post date: [17 February 2024 13:52 UTC](https://discourse.nodered.org/t/ui-led-now-available-for-dashboard-2-0/85610/9 "2024-02-17T13:52:07Z")

</div>

> [@Colin](#):
>
> Possibly try a node-red restart

Restarting Node-red has resolved the colour scheme and grouping points.  
Problem maybe arose because I installed dashboard 2 and ui-led at the same time?

---

<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: [17 February 2024 13:59 UTC](https://discourse.nodered.org/t/ui-led-now-available-for-dashboard-2-0/85610/10 "2024-02-17T13:59:24Z")

</div>

Quite possibly - although still odd. If Dashbaord 2.0 is installed first, then it shouldn't occur. The `ui-led` utilises some `locales` strings from Dashboard 2.0 in order to work out which category it's meant to live in, and colour scheme, etc.

---

<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: [17 February 2024 14:00 UTC](https://discourse.nodered.org/t/ui-led-now-available-for-dashboard-2-0/85610/11 "2024-02-17T14:00:53Z")

</div>

I have been able to product this, although annoyingly not locally. This isn't an issue with `ui-led`, but the underlying Dashboard 2.0 codebase which is struggling to load third-party widgets. Just tried `ui-webcam` too and it's the same problem.

Although I know that @sumitshinde-84 mentioned he tried `ui-webcam` on FlowFuse after publishing, and it worked okay. For me, it isn't - it's all very odd.

---

<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: [17 February 2024 14:16 UTC](https://discourse.nodered.org/t/ui-led-now-available-for-dashboard-2-0/85610/12 "2024-02-17T14:16:29Z")

</div>

Summary of problems detailed here: [The LED does not show up on the dashboard. · Issue #2 · FlowFuse/node-red-dashboard-2-ui-led · GitHub](https://github.com/FlowFuse/node-red-dashboard-2-ui-led/issues/2#issuecomment-1950219088)

Why it's happening on some instances of NR and not others, I'm yet to decipher. This is a core Dashboard 2.0 problem, rather than `ui-led` specifically.

---

<div class="post-metadata">

### Author: ![sumitshinde-84](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/sumitshinde-84/32/83795_2.png) [@sumitshinde-84](https://discourse.nodered.org/u/sumitshinde-84)
#### Post date: [17 February 2024 14:34 UTC](https://discourse.nodered.org/t/ui-led-now-available-for-dashboard-2-0/85610/13 "2024-02-17T14:34:56Z")

</div>

Hi @joepavitt, I have also tested and found that it works perfectly only if Dashboard 2.0 is installed first. If anyone has installed a third-party widget before, they need to uninstall/remove that package. Afterward, they have to install Dashboard 2.0 first, and then the widget works as expected.

Here is the video  
[https://www.awesomescreenshot.com/video/25028554?key=242774c1c1e6fe725b687f18317e2687](https://www.awesomescreenshot.com/video/25028554?key=242774c1c1e6fe725b687f18317e2687)

---

<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: [17 February 2024 14:55 UTC](https://discourse.nodered.org/t/ui-led-now-available-for-dashboard-2-0/85610/14 "2024-02-17T14:55:04Z")

</div>

> [@sumitshinde-84](#):
>
> I have also tested and found that it works perfectly only if Dashboard 2.0 is installed first. I

I did already have it installed so that is not the full explanation.

---

<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: [17 February 2024 14:55 UTC](https://discourse.nodered.org/t/ui-led-now-available-for-dashboard-2-0/85610/15 "2024-02-17T14:55:07Z")

</div>

Yeah, I had D2.0 installed first, but still see the problem. Tis very odd.

---

<div class="post-metadata">

### Author: ![sumitshinde-84](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/sumitshinde-84/32/83795_2.png) [@sumitshinde-84](https://discourse.nodered.org/u/sumitshinde-84)
#### Post date: [17 February 2024 15:12 UTC](https://discourse.nodered.org/t/ui-led-now-available-for-dashboard-2-0/85610/17 "2024-02-17T15:12:47Z")

</div>

Yes, I understand. It's not solely about installation; I was simply trying to share how things are on my side so that it will help @joepavitt understand the problem more accurately, going beyond just the installation steps

---

<div class="post-metadata">

### Author: ![rei\_vilo](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/rei_vilo/32/162_2.png) [@rei\_vilo](https://discourse.nodered.org/u/rei_vilo)
#### Post date: [17 February 2024 21:55 UTC](https://discourse.nodered.org/t/ui-led-now-available-for-dashboard-2-0/85610/18 "2024-02-17T21:55:16Z")

</div>

Performing a clean install of Node-RED, then DB-2 and finally LED-2, and clearing the cache of the browser, solved the issue on the RPi5.

Thank you for the hint!

---

<div class="post-metadata">

### Author: ![Frida](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/frida/32/68250_2.png) [@Frida](https://discourse.nodered.org/u/Frida)
#### Post date: [18 February 2024 07:23 UTC](https://discourse.nodered.org/t/ui-led-now-available-for-dashboard-2-0/85610/19 "2024-02-18T07:23:29Z")

</div>

I just had to restart Node-Red on my RPI and the UI LED worked.

---

<div class="post-metadata">

### Author: ![JerryCern](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/jerrycern/32/88719_2.png) [@JerryCern](https://discourse.nodered.org/u/JerryCern)
#### Post date: [27 February 2024 23:45 UTC](https://discourse.nodered.org/t/ui-led-now-available-for-dashboard-2-0/85610/20 "2024-02-27T23:45:20Z")

</div>

Just a note of concurrence - the node-red-dashboard-2-ui-led widget was invisible until performing a Node-RED restart. Pi4, node 18.19.1, npm 10.2.4, Armbian 24.2.1 jammy.

---

<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: [28 March 2024 23:45 UTC](https://discourse.nodered.org/t/ui-led-now-available-for-dashboard-2-0/85610/21 "2024-03-28T23:45:56Z")

</div>

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