Hello I have a default colour set for my node red dashboard widgets. On a particular tab however where I have a slider widget, I need to override this colour so I can change the colour of the red dot on the slider. I have a style node setup, but not sure of the code. I tried something like this, b…

Example: For tab named "Colors" all slider thumbs (+active state) will be orange. See that the selector starts with #Tab_Colors Tab name can have spaces. In that case you'll need to join words with underscore. My Page will be then #Tab_My_Page <style> #Tab_Colors .nr-dashboard-slider .md-th…

Since your picture shows non-standard colours, I presume that you are already overruling the default styling and don't need step by step instructions. To give different styling to just this slider, in it's config give it a custom class, let's say "special". Use a template node with style tags to s…

Node-RED

Node-RED Forum

Change widget colour for specific page

Dashboard

Topic		Replies	Views
How can I change the colour of the slider button Dashboard	7	626	15 December 2022
Dashboard slider color Dashboard	3	1065	28 May 2020
Not all nodes have colour property Dashboard	6	394	24 April 2021
Change colour of widget in dashboard Dashboard	4	2277	14 July 2020
Change colour of dot on slider Dashboard	3	183	2 February 2024

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.

Change widget colour for specific page

Related topics