How to style a custom Node Red Dashboard

[@MarcioTorres]

Congratulations, the best content on KZbin about Node-red!

[@ruwindustries]

Thank you very much for your nice words - I appreciate it

[@upendrachaudhari4635]

thank you, so clear and precise video :)

[@ruwindustries]

Your welcome

[@andrewcotterill449]

Brilliant ... So cleanly described and demonstrated. Really appreciated thanks. Will be looking at some of your other tutorials!

[@ruwindustries]

Thank you very much for your positive feedback.

[@kobedde]

Best styling tutorial I've seen. Thanks for sharing this. 👍

[@ruwindustries]

Glad you enjoyed it.

[@higiniofuentes2551]

Wow! Thank you for this very useful video!

[@ivaylomanolov1455]

Very useful video! Thank you very much!

[@santoshshivgan6275]

👍 very nice

[@georgeboydratcliff1036]

REALLY useful. Thank you!

[@bypegasus8841]

Thanks learnt a lot of

[@philippe5394]

Great!

[@juanduran9521]

How do I make my dashboard look more organized and like this horizontally?

[@tarifadib]

what's the keyboard shortcut to add nodes in the flow like you are doing, just typing it instead of drag and dropping?

[@ruwindustries]

I use the Quick-Add dialog. nodered.org/docs/user-guide/editor/workspace/nodes#quick-add-dialog

[@tantegirang-f6h]

how we custom ui-card-panel direction to column? i tried it but it didnt work even when i give margin-right to ui-card-panel didnt work as well. hope u answer, thankss.

[@belarbinaouel7670]

Hi, I'm looking for commanding the serial port USB with button to receive data, can you help me please?

[@georgefreitas3068]

Congratulations on the great video! what version of nodered are you using? Mine doesn't show the panel to customize the dashboard with the same background image as yours appeared...

[@ruwindustries]

Node-Red version 3.0.2 and the dashboard version 3.3.1

[@georgefreitas3068]

@@ruwindustries The my is It.

[@ruwindustries]

I‘m sorry what did you mean to say?

[@georgefreitas3068]

@@ruwindustries mine is in the same version, but the options that yours has appear.

[@ruwindustries]

I've tried it out on another instance of node-red running the specified version. Could you send me a screenshot from the video and of your node-red? Maybe that helps to find the problem. KZbin probably won't allow sending images: [e-mail]

[@yassinechara3163]

How can we apply a diffirent style on each button

[@ruwindustries]

kzbin.info/www/bejne/qX_XnJtjn7SYipY Give each button a different class like in the linked video. Normally you would use an id but I haven't found a way to do that in the node-red Dashboard.

[@HeinzRuetschi]

Hi, I like your way to explain Node-RED in small digestible steps. Thank you for your great work and time. I just recently found the following video which I found very educational kzbin.info/www/bejne/imfPl2Zvib6dd7s. I thought this may be another approached to teach the overall concept of Node-RED, IoT, etc. and may be a consideration of your approach in the future.

[@ruwindustries]

Thank you for your feedback. Honestly, I'm a big fan of relatively short and topic-specific videos. Makes it easier to find the correct one.

[@lars-gunnartengerstrom8276]

IDIOTS !! @@ruwindustries