# My current Dashboard

**URL:** <https://discourse.nodered.org/t/my-current-dashboard/68240>\
**Category:** Share Your Projects\
**Created:** [26 September 2022 15:35 UTC](https://discourse.nodered.org/t/my-current-dashboard/68240 "2022-09-26T15:35:50Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![stefan24](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/stefan24/32/23075_2.png) [@stefan24](https://discourse.nodered.org/u/stefan24)\
**Post date:** [26 September 2022 15:35 UTC](https://discourse.nodered.org/t/my-current-dashboard/68240/1 "2022-09-26T15:35:50Z")

</div>

My current Dashboard (all labels are in german):

 ![](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/2/4/247b9e47ff5e6cc713ad5ce02d5b91dbbeda5f95.jpeg)  
If someone wants to know, how I realized certain elements or what these elements are for please ask.  
On my (new) Smarthome website ([https://smarthome.sb242.de](https://smarthome.sb242.de)) I already described many of the elements in german.

---

<div class="post-metadata">

**Author:** ![tve](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/tve/32/59475_2.png) [@tve](https://discourse.nodered.org/u/tve)\
**Post date:** [26 September 2022 18:03 UTC](https://discourse.nodered.org/t/my-current-dashboard/68240/2 "2022-09-26T18:03:51Z")

</div>

Looks pretty cool! If a bit dense... Some of the elements must be tricky to manipulate on a phone.

What did you use for the sunrise/sunset display, and the Haustuer bar? Are all these ui\_template?

---

<div class="post-metadata">

**Author:** ![stefan24](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/stefan24/32/23075_2.png) [@stefan24](https://discourse.nodered.org/u/stefan24)\
**Post date:** [26 September 2022 19:35 UTC](https://discourse.nodered.org/t/my-current-dashboard/68240/3 "2022-09-26T19:35:33Z")

</div>

The only problem on my Smartphone is, that while scrolling I have accidentally touched buttons or switched lamps. But since there is one row it's big enough.

Haustuer bar is a node from `node-red-contrib-ui-state-trail`.

`

> [@tve](#):
>
> sunrise/sunset display

`  
display!? Or the node for calculating the time for sunset and sunrise?

If the latter: `within-time-switch` or `time-inject` from `node-red-contrib-sun-position`

---

<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 September 2022 19:59 UTC](https://discourse.nodered.org/t/my-current-dashboard/68240/4 "2022-09-26T19:59:43Z")

</div>

Just as this thread may turn out pretty similar to this: [Show us your Dashboard!](https://discourse.nodered.org/t/show-us-your-dashboard/47965)  
You are kind to share your experiences over your achievements but I think you may state out if you wan to keep it under the "share your projects" and your project only or you are happy enough to spread it over the fancy creations all over the dashboards people have created and maybe want to share. It is very inspiring thing to see what can be done and of course rises many "how to..." questions.

---

<div class="post-metadata">

**Author:** ![tve](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/tve/32/59475_2.png) [@tve](https://discourse.nodered.org/u/tve)\
**Post date:** [26 September 2022 20:19 UTC](https://discourse.nodered.org/t/my-current-dashboard/68240/5 "2022-09-26T20:19:25Z")

</div>

> [@stefan24](#):
>
> display

I meant the sunrise/sunset display, is that a custom ui node or using ui\_template?

---

<div class="post-metadata">

**Author:** ![stefan24](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/stefan24/32/23075_2.png) [@stefan24](https://discourse.nodered.org/u/stefan24)\
**Post date:** [27 September 2022 10:38 UTC](https://discourse.nodered.org/t/my-current-dashboard/68240/6 "2022-09-27T10:38:36Z")

</div>

Just a button, which is filled with the approriate icon (symbol and color) via a function node.