# Node Red: A widget based dashboard working with Homey trough MQTT

**URL:** <https://community.homey.app/t/node-red-a-widget-based-dashboard-working-with-homey-trough-mqtt/18798>\
**Category:** Apps\
**Created:** [October 3, 2019, 10:05am UTC](https://community.homey.app/t/node-red-a-widget-based-dashboard-working-with-homey-trough-mqtt/18798 "2019-10-03T10:05:10Z")\
**Posts on this page:** 20\
**Page:** 10

<div class="post-metadata">

**Author:** ![Odd\_Magne\_Nylund](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/odd_magne_nylund/32/19419_2.png) [@Odd\_Magne\_Nylund](https://community.homey.app/u/Odd_Magne_Nylund)\
**Post date:** [January 2, 2020, 6:58am UTC](https://community.homey.app/t/node-red-a-widget-based-dashboard-working-with-homey-trough-mqtt/18798/185 "2020-01-02T06:58:10Z")

</div>

Tank you.

---

<div class="post-metadata">

**Author:** ![Odd\_Magne\_Nylund](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/odd_magne_nylund/32/19419_2.png) [@Odd\_Magne\_Nylund](https://community.homey.app/u/Odd_Magne_Nylund)\
**Post date:** [January 2, 2020, 7:01am UTC](https://community.homey.app/t/node-red-a-widget-based-dashboard-working-with-homey-trough-mqtt/18798/186 "2020-01-02T07:01:15Z")

</div>

I have some spot led light with fibaro dimmer 2 on. I have got theme in node red and i can turn it on/off. But i dont understand how to dim this lights.

---

<div class="post-metadata">

**Author:** ![Satoer](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/satoer/32/38113_2.png) [@Satoer](https://community.homey.app/u/Satoer)\
**Post date:** [January 2, 2020, 9:58am UTC](https://community.homey.app/t/node-red-a-widget-based-dashboard-working-with-homey-trough-mqtt/18798/187 "2020-01-02T09:58:08Z")

</div>

Dim the lights using homey, and watch if there are MQTT messages are transmitted. (and look at the value range) Now use that mqtt subject with the addition of **/set** behind it to control the brightness. You can use a slider with the min and max value range.

---

<div class="post-metadata">

**Author:** ![Kalle\_Kronbeck](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/kalle_kronbeck/32/13158_2.png) [@Kalle\_Kronbeck](https://community.homey.app/u/Kalle_Kronbeck)\
**Post date:** [January 2, 2020, 10:23am UTC](https://community.homey.app/t/node-red-a-widget-based-dashboard-working-with-homey-trough-mqtt/18798/188 "2020-01-02T10:23:49Z")

</div>

Some sensors that I use is more important then others, for example outside temp, lux and wind.  
It would be very nice to know that they are reporting. I sometimes see a flatline, the sensor or app thats reporting the value is faulty.  
Is there a simple way to check these sensors?  
I think like saving the last value in a variable and if that variable hasnt changed for like 30 minutes a flow or node-red send a message.

---

<div class="post-metadata">

**Author:** ![Jan\_Willem\_Visser](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/jan_willem_visser/32/10747_2.png) [@Jan\_Willem\_Visser](https://community.homey.app/u/Jan_Willem_Visser)\
**Post date:** [January 2, 2020, 12:55pm UTC](https://community.homey.app/t/node-red-a-widget-based-dashboard-working-with-homey-trough-mqtt/18798/189 "2020-01-02T12:55:41Z")

</div>

you can yuse the “when card” named “a device has not reported” and you can choose a duration for the time that the sensor het not report someting before it triggers the flow.

---

<div class="post-metadata">

**Author:** ![Kalle\_Kronbeck](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/kalle_kronbeck/32/13158_2.png) [@Kalle\_Kronbeck](https://community.homey.app/u/Kalle_Kronbeck)\
**Post date:** [January 2, 2020, 2:52pm UTC](https://community.homey.app/t/node-red-a-widget-based-dashboard-working-with-homey-trough-mqtt/18798/190 "2020-01-02T14:52:00Z")

</div>

A problem I have is that my Weather application keeps sending the same value even if it looses connection to my weather station, so I need something that checks that the value has changed

---

<div class="post-metadata">

**Author:** ![HarriedeGroot](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/harriedegroot/32/56160_2.png) [@HarriedeGroot](https://community.homey.app/u/HarriedeGroot)\
**Post date:** [January 2, 2020, 3:09pm UTC](https://community.homey.app/t/node-red-a-widget-based-dashboard-working-with-homey-trough-mqtt/18798/191 "2020-01-02T15:09:30Z")

</div>

@Kalle_Kronbeck [Node-RED RBE node](https://flows.nodered.org/node/node-red-node-rbe)?

---

<div class="post-metadata">

**Author:** ![Odd\_Magne\_Nylund](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/odd_magne_nylund/32/19419_2.png) [@Odd\_Magne\_Nylund](https://community.homey.app/u/Odd_Magne_Nylund)\
**Post date:** [January 2, 2020, 3:59pm UTC](https://community.homey.app/t/node-red-a-widget-based-dashboard-working-with-homey-trough-mqtt/18798/192 "2020-01-02T15:59:54Z")

</div>

Tanks for help.

---

<div class="post-metadata">

**Author:** ![Kalle\_Kronbeck](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/kalle_kronbeck/32/13158_2.png) [@Kalle\_Kronbeck](https://community.homey.app/u/Kalle_Kronbeck)\
**Post date:** [January 2, 2020, 4:40pm UTC](https://community.homey.app/t/node-red-a-widget-based-dashboard-working-with-homey-trough-mqtt/18798/193 "2020-01-02T16:40:37Z")

</div>

Perfekt, looks like what I was looking for. Thanks

---

<div class="post-metadata">

**Author:** ![Kalle\_Kronbeck](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/kalle_kronbeck/32/13158_2.png) [@Kalle\_Kronbeck](https://community.homey.app/u/Kalle_Kronbeck)\
**Post date:** [January 2, 2020, 8:55pm UTC](https://community.homey.app/t/node-red-a-widget-based-dashboard-working-with-homey-trough-mqtt/18798/194 "2020-01-02T20:55:17Z")

</div>

Tested RBE node now. It works but I want a alarm or something that can trigger something that the value hasnt changed for example 30 minutes

---

<div class="post-metadata">

**Author:** ![Jan\_Willem\_Visser](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/jan_willem_visser/32/10747_2.png) [@Jan\_Willem\_Visser](https://community.homey.app/u/Jan_Willem_Visser)\
**Post date:** [January 2, 2020, 9:01pm UTC](https://community.homey.app/t/node-red-a-widget-based-dashboard-working-with-homey-trough-mqtt/18798/195 "2020-01-02T21:01:47Z")

</div>

Make a virtual sensor en geve the sensor the value you receive from mqtt. Than it work the same way as i said before

---

<div class="post-metadata">

**Author:** ![Kalle\_Kronbeck](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/kalle_kronbeck/32/13158_2.png) [@Kalle\_Kronbeck](https://community.homey.app/u/Kalle_Kronbeck)\
**Post date:** [January 2, 2020, 9:03pm UTC](https://community.homey.app/t/node-red-a-widget-based-dashboard-working-with-homey-trough-mqtt/18798/196 "2020-01-02T21:03:48Z")

</div>

I use it that way, didnt know that it was a “when card” named “a device has not reported”  
Will try that

---

<div class="post-metadata">

**Author:** ![M\_a\_r\_c\_o](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/m_a_r_c_o/32/146_2.png) [@M\_a\_r\_c\_o](https://community.homey.app/u/M_a_r_c_o)\
**Post date:** [January 2, 2020, 9:45pm UTC](https://community.homey.app/t/node-red-a-widget-based-dashboard-working-with-homey-trough-mqtt/18798/197 "2020-01-02T21:45:05Z")

</div>

With this function it is also possible I think: Create 0-interval msg at window timeout

> **[node-red-contrib-interval-length](https://flows.nodered.org/node/node-red-contrib-interval-length)**
>
> A Node Red node to measure the interval length between successive messages

---

<div class="post-metadata">

**Author:** ![Ferry\_van\_E](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/ferry_van_e/32/10953_2.png) [@Ferry\_van\_E](https://community.homey.app/u/Ferry_van_E)\
**Post date:** [January 2, 2020, 10:00pm UTC](https://community.homey.app/t/node-red-a-widget-based-dashboard-working-with-homey-trough-mqtt/18798/198 "2020-01-02T22:00:06Z")

</div>

This quite an extensive tutorial which has been thoroughly written. A big thank you!!

Despite i feel like the ‘math lady meme’ at the moment this is worth diving into. Nice work!

---

<div class="post-metadata">

**Author:** ![Odd\_Magne\_Nylund](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/odd_magne_nylund/32/19419_2.png) [@Odd\_Magne\_Nylund](https://community.homey.app/u/Odd_Magne_Nylund)\
**Post date:** [January 3, 2020, 6:38am UTC](https://community.homey.app/t/node-red-a-widget-based-dashboard-working-with-homey-trough-mqtt/18798/199 "2020-01-03T06:38:50Z")

</div>

thanks for good help.  
Any have some good thermostat use in node red. The nest styly look good but dident get it to work.

---

<div class="post-metadata">

**Author:** ![Odd\_Magne\_Nylund](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/odd_magne_nylund/32/19419_2.png) [@Odd\_Magne\_Nylund](https://community.homey.app/u/Odd_Magne_Nylund)\
**Post date:** [January 3, 2020, 6:44am UTC](https://community.homey.app/t/node-red-a-widget-based-dashboard-working-with-homey-trough-mqtt/18798/200 "2020-01-03T06:44:26Z")

</div>

Got it to work with slider. But is it possible to use other than slider. Like moore modern style.

---

<div class="post-metadata">

**Author:** ![Satoer](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/satoer/32/38113_2.png) [@Satoer](https://community.homey.app/u/Satoer)\
**Post date:** [January 3, 2020, 8:14am UTC](https://community.homey.app/t/node-red-a-widget-based-dashboard-working-with-homey-trough-mqtt/18798/201 "2020-01-03T08:14:19Z")

</div>

I’ve also experimented with the nest style, but I found it too bulky and clumsy. I don’t even like to use sliders on the touch screen. I’ve kept it simple now, and I think this is working the best. A large temperature text (I even removed those graphs). A indication if the heater is heating, and two buttons to increment en decrement the temperature by 0.5 degrees.

 ![temperature](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/f/5/f5625e651c24d04cb13aca70f7b2d2e3273f2745.png)

---

<div class="post-metadata">

**Author:** ![Tangodelta](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/tangodelta/32/9471_2.png) [@Tangodelta](https://community.homey.app/u/Tangodelta)\
**Post date:** [January 4, 2020, 3:13pm UTC](https://community.homey.app/t/node-red-a-widget-based-dashboard-working-with-homey-trough-mqtt/18798/202 "2020-01-04T15:13:12Z")

</div>

Node red with “Location and Presence” through Owntracks

 ![presence](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/b/5/b5e19bda9e5dc51a8ce07293ed7c9e95e2198c68.jpeg)

---

<div class="post-metadata">

**Author:** ![Jos\_Stultjens](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/jos_stultjens/32/12687_2.png) [@Jos\_Stultjens](https://community.homey.app/u/Jos_Stultjens)\
**Post date:** [January 4, 2020, 3:57pm UTC](https://community.homey.app/t/node-red-a-widget-based-dashboard-working-with-homey-trough-mqtt/18798/203 "2020-01-04T15:57:14Z")

</div>

@Satoer. Thanks to your description and this node red thread I was able to create my own dashboard.  
I have spend some time on figuring out how to increase the font size of label and of a ui\_gauge.  
Finally I found that I could do this by using the following: msg.ui\_control={“options”:{“valueMinFontSize”:30,“labelMinFontSize”:25,“minLabelMinFontSize”:20,“maxLabelMinFontSize”:20}};

Now I am also looking into the possibility to use the ui\_list for showing messages/warnings.  
I am using a dark background. The font awesome icon in the ui\_list is black and I want to change the color of the icon to e.g. grey.

Do you have any idea how to do this? I was not able to find any example ( I also googled some node-red threads not related to homey).

This is how my dashboard now looks like:

 ![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/5/7/57517e410e710334a97804457fa67eee04cad595.png)

On my ipad the bell icon in the list is almost not visible. Below is an example of the same list on my PC.  
 ![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/a/a/aaf72e142e64349d6dcf8db221126a182cf13cd8.png)

---

<div class="post-metadata">

**Author:** ![Phuturist](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/phuturist/32/49_2.png) [@Phuturist](https://community.homey.app/u/Phuturist)\
**Post date:** [January 4, 2020, 8:11pm UTC](https://community.homey.app/t/node-red-a-widget-based-dashboard-working-with-homey-trough-mqtt/18798/204 "2020-01-04T20:11:04Z")

</div>

I created a NodeRed dashboard after seeing what it can do here. Worked really well when I developed it on my laptop. Loading it initially on my wall mounted Android tablet works good. But I use Fully Kiosk Browser to show the dashboard full screen and turn the screen on when someone is in front of the tablet. Unfortunately it often happens that the screen stays dark when the screen is on our when I force a reload and it seems to keep loading when this happens. Is this something other people have encountered and is there a solution?

[Previous page](https://community.homey.app/t/node-red-a-widget-based-dashboard-working-with-homey-trough-mqtt/18798.md?page=9)

[Next page](https://community.homey.app/t/node-red-a-widget-based-dashboard-working-with-homey-trough-mqtt/18798.md?page=11)
