I am trying to style a ui_template button. Using 'width: 100%' works OK in that the rendered button follows the chosen width for the widget. How can I do the same for height ? I have tried 'height: 100%'. Or where do I find more info relating to this problem ? EDIT: fixed by stripping out as mu…

[image] [image] Hi all, What a roller coaster. After two days in the plughole of time (otherwise known as CSS) I have emerged with a massive improvement. I got there by stripping the new css of all except the essential to the basic function of the latching button style using jsfiddle. I then r…

zenofmud 10 October 2020 15:03 4

Not sure what to offer on aligning the button text. Maybe someone else will chime in.

Topic		Replies	Views
Working ui_template button with flexible text styling Dashboard	3	1005	14 November 2020
Ui-button CSS field not working Dashboard	7	867	9 April 2022
Ui_template - widget styling Dashboard	2	1060	24 October 2020
Vertical alignment of ui-template widgets in dashboard Dashboard dashboard-2	5	149	29 April 2024
How to style UI template elements (buttons, text inputs) Dashboard	3	10631	14 April 2020

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.

CSS - ui_template new ck-button widget text is not centered vertically

Related topics