Hey Peoples, Id like to see what people have done with their dashboards! I'll start... feel free to show us your craft! [image] This page sits on 3 raspberry pi's in 3 dwellings on this property. Its pretty self explainatory! [image] this is for control and status of the bore pump and flow …

Hey hotNipi how did you achieve this pushed in or denten in look for your widgets? Can you give me a hint? Really love it!

It is combination of box-shadow with inset, matching border colors and background colors [image]

Like @Sean-McG I also use some PZEM-004T units connected to a Wemos D1 Mini running Tasmota to monitor energy consumption. Really easy to implement and gives fairly accurate results via MQTT to NR.

[image] hotNipi: It is combination of box-shadow with inset, matching border colors and background colors Hi, can you give a few more hints :grin: I meticulously typed all that into a template node (minus the funny squares) and... nothing, doesn't even format in the node the same. Apparentl…

Did you surround all the CSS with style tags? <style> /* hotnipi's CSS here*/ </style>

There is many threads about dashboard CSS, do search those therms. [image] paintbrush Customize dashboard CSS Dashboard Couple of things first.. Many things can happen if you start to play with CSS. You may break whole thing, but you can make your page really good looki…

[image] Steve-Mcl: Did you surround all the CSS with style tags? Nope, I forgot all about that :blush: [image] hotNipi: There is many threads about dashboard CSS Thanks for the reminder of the term. I can barely spel CSS, let alone use it on my own, but I am getting better as finding…

[image] dynamicdave: Like @smcgann99 I also use some PZEM-004T units connected to a Wemos D1 Mini running Tasmota to monitor energy consumption. Really easy to implement and gives fairly accurate results via MQTT to NR. Sonoff + PZEM-004T cost about the same as Sonoff POW version. Any reason …

None - except I had a set of ten Wemos D1 Minis in stock.

[image] A bit of everything, my node red dashboard. [image] OK, not a Node Red dashboard but this links into Node Red via MQTT and controls my model world.

Node-RED

Node-RED Forum

Show us your Dashboard!

Dashboard

hotNipi 5 July 2021 18:50 25

There is many threads about dashboard CSS, do search those therms.

Topic		Replies	Views
Long overdue home dashboard revamp using UIBUILDER (Work in progress) Share Your Projects uibuilder	8	551	29 December 2023
New info page for my home dashboard Share Your Projects uibuilder	15	420	6 July 2025
Ui_builder how-to for new bees Dashboard	11	566	29 May 2021
New home dashboard using uibuilder and bootstrap-vue Share Your Projects uibuilder	62	23950	19 August 2021
Node-RED dashboard performance across tablets & mobiles Dashboard	38	3709	8 September 2020

Copyright OpenJS Foundation and Node-RED contributors. All rights reserved. The OpenJS Foundation has registered trademarks and uses trademarks. For a list of trademarks of the OpenJS Foundation, please see our Trademark Policy and Trademark List. Trademarks and logos not indicated on the list of OpenJS Foundation trademarks are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them.

Show us your Dashboard!

Related topics