Hello, I have a question related to dashboard switch style. Is there an easy way to have switch icon on the left side while label is on the right ? ie: swap label and switch position.

The CSS override still possible. Give a class name reverted-switch for switch or switches and add a ui_template targeted to the site head section and the CSS for it is simple as this: <style> .reverted-switch{ flex-direction: row-reverse; } </style>

waquete 2 October 2024 15:59 6

That is perfect !!

Capture d’écran du 2024-10-02 17-55-52

I added a justify-content: flex-end; thanks to you as well

1 Like

Topic		Replies	Views
Customizing appearance of Dashboard 2 ui-switch Dashboard dashboard-2	3	71	22 August 2024
Any way to left-justify labels? Dashboard	5	2364	28 March 2019
How to place switch icon after label (left aligned) Dashboard dashboard-2	3	66	26 August 2024
Labels of different Nodes not in line with each other Dashboard	3	903	17 May 2019
Display label above/below icon Dashboard	4	1613	4 August 2018

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.

Dashboard Switch icon on left, switch label on right?

Related topics