# How do you make this kind of "dashboard"

**URL:** <https://discourse.nodered.org/t/how-do-you-make-this-kind-of-dashboard/851>\
**Category:** Dashboard\
**Created:** [16 June 2018 05:43 UTC](https://discourse.nodered.org/t/how-do-you-make-this-kind-of-dashboard/851 "2018-06-16T05:43:13Z")\
**Posts on this page:** 5\
**Page:** 1

<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:** [16 June 2018 05:43 UTC](https://discourse.nodered.org/t/how-do-you-make-this-kind-of-dashboard/851/1 "2018-06-16T05:43:13Z")

</div>

I found a good link and though I have asked, I have not seen a reply.

This dashboard is amazing.

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

I know it is getting back to my other question about pictures and dashboards.  
Sorry, I am a bit ....... flippant/disorganised today.

I can't quite (yet) understand how it all comes together with the "groups" and all that in NR.

---

<div class="post-metadata">

**Author:** ![Andrei](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/andrei/32/10446_2.png) [@Andrei](https://discourse.nodered.org/u/Andrei)\
**Post date:** [16 June 2018 12:48 UTC](https://discourse.nodered.org/t/how-do-you-make-this-kind-of-dashboard/851/2 "2018-06-16T12:48:40Z")

</div>

Trying to learn,

Doing this kind of dashboard is somehow quite advanced and beyond my skills, so I can only recommend a couple of links.

[https://tech.scargill.net/category/node-red-dashboard/](https://tech.scargill.net/category/node-red-dashboard/)

[https://www.w3schools.com/css/default.asp](https://www.w3schools.com/css/default.asp)

---

<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:** [16 June 2018 12:51 UTC](https://discourse.nodered.org/t/how-do-you-make-this-kind-of-dashboard/851/3 "2018-06-16T12:51:43Z")

</div>

Thanks.

I am trying to get help from Peter’s site, but with little result. ☹  
I’ll look at the other link too.

8 hours on computer sitting down. Shoulders are starting to kill me.

---

<div class="post-metadata">

**Author:** ![davidcgu](https://avatars.discourse-cdn.com/v4/letter/d/e8c25b/32.png) [@davidcgu](https://discourse.nodered.org/u/davidcgu)\
**Post date:** [16 June 2018 17:23 UTC](https://discourse.nodered.org/t/how-do-you-make-this-kind-of-dashboard/851/4 "2018-06-16T17:23:22Z")

</div>

The difficult part is the LCD the rest are text and buttons and a template with a led. as Andrei told ya check scargill as he did this LCD [https://flows.nodered.org/flow/1ff06cc6809fda08d2b53c7ce4adb4a8](https://flows.nodered.org/flow/1ff06cc6809fda08d2b53c7ce4adb4a8)

Regards

---

<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:** [16 June 2018 22:33 UTC](https://discourse.nodered.org/t/how-do-you-make-this-kind-of-dashboard/851/5 "2018-06-16T22:33:42Z")

</div>

Thanks both of you.

Do you think that 18 windows (of the browser) and 447 tabs is a bit overwhelming?

Granted they are not ALL to do with what is happening NOW, but are things that are “work in progress”.

Those links look good. (I’ve just got up recently today so not fully up to speed yet)

Looks like I will be busy for the next few hours.