Hi, does anybody know how it's possible to change a ui-button group border color? As you can see that in the picture the border color is from the theme but i need the rounded borders for these buttons in white? [image] Thanks in advance for your support, BR

Using the browser developer tools, one can see that the button group has class v-btn-grp In this example, since my theme is already light, I applied a red border. Specify a class rededge in the button group config. Use a template on the same page, type CSS, Single Page to style the button group: …

also check here.. [image] Button-Group -Dark Theme -Separator Lines Dashboard [image] [image] [image] Button Group in dark theme, the separator lines are almost invisible. which CSS selector will change it to say white lines ? i am currently making group background …

Node-RED

Node-RED Forum

Dashboard 2.0 - UI Button Group - Border

Dashboard

smanjunath211 22 January 2025 06:33 3

also check here..

1 Like

Topic		Replies	Views
Button-Group -Dark Theme -Separator Lines Dashboard dashboard-2 , button-group , dark-theme	4	116	14 January 2025
Dashboard 2 CSS for slider label, and button face General dashboard-2	10	143	12 November 2024
Custom Style ui-group Dashboard dashboard-2	16	147	22 July 2025
Remove border to just one ui group Dashboard	4	174	4 June 2023
Background color and border not applied to page Dashboard dashboard-2	3	245	2 March 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.

Dashboard 2.0 - UI Button Group - Border

Related topics