Prescient: How to Make Node-RED Dashboards Look Better | Tips & Tricks | Node-RED Flow Download Link

[@markrounds6302]

Best tutorial I've seen on the subject. CSS went over my head, but the rest I was able to use to get a great dashboard working.

[@Prescient-PDI]

Thank you, Mark. We are planning to do another tutorial on CSS with the NodeRED Dashboard. :)

[@wick_bourne]

Very clean and beginner-friendly video

[@Prescient-PDI]

Thanks for watching!

[@eyoborelvis8224]

Thanks alot, am looking forward to learning more from your channel.. You just kickstarted my journey on building a SCADA system

[@heyhogan]

The CSS info was very helpful for me. I was not sure how it worked, and you cleared this up for me. Thanks!

[@Prescient-PDI]

Glad it helped! 😁

[@tsetsefly4538]

When i unlock the objects with the padlock i can not resize or move them, they just go large and i have to go back in to the main screen, click on the node and resize them again...

[@seanooi511]

Great tutorial! Thanks!

[@Prescient-PDI]

Thank you Sean. We are glad that you found it useful!

[@googleuser6875]

Hello, I am trying to move some gauges around on my layout with no success. When I click on the layout button, I see nothing like your illustration. What I see is a grid for each widget, the size that was defined in the editor. There is a solid "box" around each, a width selection box for each at the top right of each, and no total width selection available. I'm using ver3.02 I'm new to Node Red so forgive my lack of understanding.

[@gokulrajl4664]

Just click on the pad lock icon on each widget in layout and u will see a arrow for adjusting at the bottom right corner of each widget.

[@SemFronteirasMotorHomes]

@@gokulrajl4664 when i click on pad lock nothing happend - no arrow to adjust size and i cant move the widget.. please help me

[@gokulrajl4664]

@@SemFronteirasMotorHomes check out 6:00 .is that how your layout looks like?

[@itsfaithlux]

I dont have this Rerange Icon in the down-right Bottom.. how i get this?

[@eyoborelvis8224]

don't you think you need to update your version?

[@undercrackers56]

Thank you so much for sharing that information. Do you know if it is possible to use Node-RED to create a console that may be embedded into a webpage? For example a webpage, on a website that provides a console for a chosen weather station.

[@Prescient-PDI]

Thanks for the comment. I think it's possible. Not sure how yet. Let me try/figure it out and I can make a video on the topic. Thanks - Ashish

[@SA-oj3bo]

Hi nice tutorial, but how to add css to dashboardnodes that not have the class property field?

[@Prescient-PDI]

Hey, Thanks! Unfortunately, There is no straight forward way to do that as far as I know.

[@gooseza]

Any chance you could paste the CSS in your video description so that we don't need to type from scratch? Great video!

[@Prescient-PDI]

Hi Gooseza, you can download the example we used in this tutorial here: tinyurl.com/prescient-nrdb Happy dashboard building!

[@SemFronteirasMotorHomes]

when i click on pad lock nothing happend - no arrow to adjust size and i cant move the widget.. please help me

[@Prescient-PDI]

Not sure if it is somehow related to the NR version? But I can confirm that it works on the latest NR stable release.

[@CristianTorres-il6og]

Good video, you could make one on how to customize the interface of node red in the current version, to place the logo as you have it, among colors and other things, greeting

[@Prescient-PDI]

Thanks for the idea! We'll add it to out list. Cheers!

[@heoheo8058]

great . tks