HomeHome AutomationDashboard Layouts

Dashboard Layouts

New options in Dashboard!

The main reason (in my opinion) Home Assistant is more popular than NodeRED is the GUI (Graphical User Interface). I’m not a programmer, and the appeal of something that explains to me what I should do next in a form of tables, buttons and layouts speak stronger than a page filled with code. NodeRED is as much capable as Home Assistant (if not more) but lacks in terms of the visual appeal and ease of use. I got news for you, the Dashboard (node-red-dashboard) in NodeRED just got a bit better

New Dashboard Layouts in NodeRED

This is no the latest change, but I came across this accidentally battling my IKEA TRADFRI Smart Socket interface in NodeRED. That project comes with a web-accessible interface where I can set timers and monitor the status of my socket. Deploying multiple timers was where things got really hard.

Up until my discovery, it took patience to set the layouts correctly without any visual guidance. I would shuffle groups and tabs and elements around until the dashboard was looking the way I wanted it. Then I came across a new setting that made things a lot easier.

Dashboard Layouts

I don’t know why the Internet wasn’t screaming about this change louder, but I missed this, and chances are you were not aware of this too! If you knew this already, consider yourself luckier than me! Go to Dashboard panel in your window to the right side and hoover over a group you wish to check the layout of. You will see a new option called… well… “layout“!

Instead of messing about with the order of the elements and trying to visualise how much space these take on your dashboard, you can simply look up and edit the layout in a visual editor!

Make it dark

The dark mode is trendy. The dashboard comes with one as well. If you want to change the default look, all you need to do is change the colour in the theme panel. Examples of the dark and the default colour schemes

So simple!

There are options to lock the elements, move it around and resize it to your liking! You should have no problems creating impressive-looking layouts!

Conclusion

I know I could be late to the party with that information about the Dashboard Layouts, but I will rather be late and hope that I will reach the latecomers myself, than sorry! Did you know about this option? Let me know in this Reddit thread.

PayPal

Nothing says "Thank you" better than keeping my coffee jar topped up!

Patreon

Support me on Patreon and get an early access to tutorial files and videos.

image/svg+xml

Bitcoin (BTC)

Use this QR to keep me caffeinated with BTC: 1FwFqqh71mUTENcRe9q4s9AWFgoc8BA9ZU

Smart Ideas with

Automate your space in with these ecosystems and integrate it with other automation services

client-image
client-image
client-image
client-image
client-image
client-image
client-image
client-image
client-image

Learn NodeRED

NodeRED for beginners: 1. Why do you need a NodeRED server?

0
To server or not to server? That's a very silly question!

Best Automation Projects

NEST your old thermostat under $5

0
Nest-ing up your older thermostat under $5

Sonoff R3 DIY mode & why it sucks

0
Long awaited Sonoff R3 DIY mode is even worse than I expected.

Nora – Google Assistant in NodeRED

0
Integrate Google Assistant with NodeRED thanks to Nora - NodeRED home automation

IKEA TRADFRI Wireless dimmer in NodeRED

0
Thanks to NodeRED you can use IKEA TRADFRI Wireless Dimmer to interact with everything

Things they don’t tell you about IKEA Trådfri

0
There are things you should know about IKEA Tradfri before you make your purchase

Smart Home

Electrolama in my network – flashing CC2652R

0
Flashing CC2652R Zigbee Coordinator to enable ZigBee2MQTT for your home automation

How to wake on LAN computers and put it to sleep with Power Menu, Alexa and Google Assistant

0
How to Wake on LAN properly via Android, Alexa, Google Assistant and Web

Power Menu – All sensors

0
Taking all the sensor data and adding it to a single Power Menu tile!

Smarting up Comfee Miniplus Dishwasher

0
Can a vibration sensor turn Comfee TD305-W dishwasher into a smart appliance? Let's see

M5Stack UnitV2 – Edge computing and vision projects with a mini dev board

0
M5Stack UnitV2 is upon us - everything you should know about the latest dev board for Edge computing and vision projects.