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	73	22 August 2024
How to place switch icon after label (left aligned) Dashboard dashboard-2	3	68	26 August 2024
How to add border to switch node Dashboard switch-node	12	111	12 December 2024
Multistate-switch / vertical alignment possible? Dashboard node-red-dashboard	3	372	10 January 2022
Display label above/below icon Dashboard	4	1617	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