# Dashboard Indicator

**URL:** <https://discourse.nodered.org/t/dashboard-indicator/40376>\
**Category:** Dashboard\
**Created:** [4 February 2021 12:26 UTC](https://discourse.nodered.org/t/dashboard-indicator/40376 "2021-02-04T12:26:12Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![HZB](https://avatars.discourse-cdn.com/v4/letter/h/77aa72/32.png) [@HZB](https://discourse.nodered.org/u/HZB)\
**Post date:** [4 February 2021 12:26 UTC](https://discourse.nodered.org/t/dashboard-indicator/40376/1 "2021-02-04T12:26:12Z")

</div>

![vghjb](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/8/f/8ff3ff25948a8430a0ee950470d802f6e5c52fa2.png)

Hi everyone,  
I am looking for this Node in palette library, but couldn't find it. Do anyone know bout this?

---

<div class="post-metadata">

**Author:** ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)\
**Post date:** [4 February 2021 17:47 UTC](https://discourse.nodered.org/t/dashboard-indicator/40376/2 "2021-02-04T17:47:19Z")

</div>

That looks like a bunch of ui-led nodes in a dashboard. Search for LED in the flow tab here.

I give you more but I’ve got a 5 month old asleep on my chest 🥰

---

<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:** [4 February 2021 17:51 UTC](https://discourse.nodered.org/t/dashboard-indicator/40376/3 "2021-02-04T17:51:35Z")

</div>

For me it looks `ui_template` with text and icon. Many ways to build up but basics something like this

```auto
[{"id":"3933b7ad.c594c8","type":"ui_template","z":"7ee51301.a9185c","group":"c7a27394.057878","name":"","order":2,"width":"2","height":"1","format":"<div class='indicator'>\n <div>\n <span class='i-label'>123</span> <span style=\"color:{{(msg.payload === true) ? 'limegreen' : '#ff150a'}}\"><i class=\"fa fa-bullseye dot {{(msg.payload === true) ? 'green' : 'red'}}\"></i></span>\n </div>\n \n</div>\n\n<style>\n .indicator{\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n }\n .dot{\n font-size:24px;\n }\n .red{\n text-shadow: 0 0 9px #ff2121;\n }\n .green{\n text-shadow: 0 0 9px #21ff2a;\n }\n .i-label{\n position:relative;\n bottom:3px;\n padding-right:5px;\n }\n \n</style>","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","x":340,"y":500,"wires":[[]]},{"id":"ae3cc2ed.9c7f3","type":"inject","z":"7ee51301.a9185c","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"true","payloadType":"bool","x":190,"y":480,"wires":[["3933b7ad.c594c8"]]},{"id":"8e68910f.6305d","type":"inject","z":"7ee51301.a9185c","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"false","payloadType":"bool","x":190,"y":520,"wires":[["3933b7ad.c594c8"]]},{"id":"c7a27394.057878","type":"ui_group","name":"CHART","tab":"54e197d8.7f7fe8","order":2,"disp":false,"width":"9","collapse":false},{"id":"54e197d8.7f7fe8","type":"ui_tab","name":"Home","icon":"dashboard","disabled":false,"hidden":false}]

```

---

<div class="post-metadata">

**Author:** ![HZB](https://avatars.discourse-cdn.com/v4/letter/h/77aa72/32.png) [@HZB](https://discourse.nodered.org/u/HZB)\
**Post date:** [4 February 2021 18:01 UTC](https://discourse.nodered.org/t/dashboard-indicator/40376/4 "2021-02-04T18:01:45Z")

</div>

Will wait till that 5 month old wakes up 😛

---

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [4 February 2021 20:30 UTC](https://discourse.nodered.org/t/dashboard-indicator/40376/5 "2021-02-04T20:30:57Z")

</div>

(See the other thread where I posted the node) If you want.

---

<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:** [4 February 2021 20:36 UTC](https://discourse.nodered.org/t/dashboard-indicator/40376/6 "2021-02-04T20:36:43Z")

</div>

Please continue on the original thread - [Single dashboard for multiple PI through MQTT](https://discourse.nodered.org/t/single-dashboard-for-multiple-pi-through-mqtt/40248/)

---

<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:** [4 February 2021 20:36 UTC](https://discourse.nodered.org/t/dashboard-indicator/40376/7 "2021-02-04T20:36:55Z")

</div>


