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

Hi Satoer,
Thanks for your quick reply.

Okay i will try the switsh in stead of the button
You mean this switch?
Naamloos

Do you mean this setting concerning the Boolean?
Naamloos

I replaced my buttens with the switches and it is much more stable.
But still i have the problem: first use de switches in the Homey app before they work on the dashboard.

is there a way I can set up presence as viewable in the dashboard? :slight_smile:

ive been trying to modify my dashboard by moving around buttons, graphs etc. But i cant seem to understand how to move them around.

I go to “layout” but i am not allowed to move the different things i have there. What am i doing wrong ?

Yes. Create a virtual switch and a flow to make that go on/off with presence, then connect that switch to your dashboard.

wow, fancy. Is that a still image with custom buttons over it?

lights, and turning of and on works.
NExt two steps… setting light colour (color temp mostly!)/ brightness (for hue)
and
Temperature of a room with tado. Any tips where to look for?
This is tough, but so much fun to dive into

I do stuff with this one: node-red-contrib-tado-client (node) - Node-RED

For example geolocation from Tado to Homey:Tado Thuis/Afwezig na update - #46 by M_a_r_c_o

1 Like

Where do you paste the CSS? I found the themes tab etc, but that is it… GOgle isn’t useful ;S

It is a still image (svg) to which svg elements have been added.

1 Like

Is that your actual house?

Yes, based on original plans. All precisely scaled :slight_smile:

Damn nice! Are there any guide for us “dummies” how to make something like this?

I have a small problem: When i display my Dashboard on an ipad1, some pane’s overlap.
Any idea? I don’t have this problem on my desktop.

I consider myself to be a dummy… If you don’t mind learning from a amateur:

  1. Made a 3d model in SweetHome3D
    Sweet Home 3D : User's guide

  2. Exported 3D model to png

  3. Imported 3d png into Inkscape
    https://inkscape.org/

  4. Exported svg from Inkscape

  5. Added svg contrib ui node to nodered

  1. Opened exported svg in text editor (e.g. notepad). Copied data from text editor

  2. Pasted data from text editor in contrib-ui-svg node

  3. Opened svg editor included in the contrib-ui-svg and added elements. Named elements. Example on how to do this:

  1. Deploy

Issues: Although I converted the 3D model to an svg, it is not a ‘true’ svg in the sense that it is still a basic picture, not consisting of separate elements. I do not have enough knowledge on how to make a 3D model consisting of separate elements.

Hope this helps!

2 Likes

Thanks man! Or women :grin: will definitely try it out after i get a little more familiar with node red

Is anybody encountering problems with their Node-Red dashboard since the Homey v5 update?

All my dashboard controls are no longer working. I can click on the different switch nodes and the dashboard will change state but it seems that no MQTT signal is being send since the devices are not responding.

Sending MQTT signals from Homey is working, since i can control the Sonoff tasmota via homey. However when i do so, the dashboard is not showing the correct state.

Maybe somebody can put me in the right direction?

Have you tried restarting MQTT Hub and MQTT Client on Homey? Sorted out the same problem for me. (Homey not responding on Node-Red)

I rebooted the Client and the Broker. But not the HUB. That did the trick!
Thank you

Past week the MQTT Hub went through some updates.

Most users are upgraded by now, so I would like to know if anyone encountered issues?
Or maybe you have suggestions for improvements to make your live a little easier?

Thought I should ask here to, most of the heavy users are probably around here somewhere :slight_smile:

1 Like