Dashboard CSS styles. How to make the dashboard more beautiful

Dashboard
1

Hi all!

I'm not CSS advance guy or even HTML. I have a basic dashboard but now i want to apply some beautiness and make it more professional.
So, i have this:

image
image1328×631 34.1 KB

The flow:

[{"id":"7a6ff22b974e055f","type":"ui_text","z":"5c42798006c66cf9","g":"ccbf2129b303602d","group":"1d266853227f9eaa","order":3,"width":0,"height":0,"name":"nombre bot","label":"Nombre bot:","format":"prueba css","layout":"row-left","className":"main-title-content no-gap","x":150,"y":4380,"wires":[]},{"id":"1d266853227f9eaa","type":"ui_group","name":"Group 1","tab":"f3c2ae232b121330","order":1,"disp":true,"width":"6","collapse":true,"className":""},{"id":"f3c2ae232b121330","type":"ui_tab","name":"prueba css estilos","icon":"dashboard","order":21,"disabled":false,"hidden":false}]

Ideas?.

  • Animated collapsable groups
  • Rounded boxes
  • A cool background

Thanks a lot!

2

Please have a look at the documentation. There are pre-defined themes and you can roll your own.

3

Ok!.

can you link the docs?.

Regards!

4

https://www.google.com/search?q=node-red+dashboard+themes&oq=node-red+dashboard+themes

5

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.