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…

Did you search the forum? I seem to remember that this was answered in the last few days.

Thanks for your response and yes I have. This CSS malarkey is a slippery creature. I have just got a result by trial and error and stripping out as much css as possible. I see others have recommended making single adjustments and verifying result then backing out if no effect. I can confirm that …

Node-RED

Node-RED Forum

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

Dashboard

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
Ui_template - widget styling Dashboard	2	1121	24 October 2020
CSS Square & Round On/Off Buttons (Revisited) Share Your Projects dashboard-2	5	257	2 December 2025
CSS School, buttons and things not making sense Dashboard	44	4107	19 May 2020
The shape of a button Dashboard dashboard-2	39	694	15 October 2024
Custom Elements Ui-Template Dashboard 2.0 Dashboard dashboard-2	23	1093	23 April 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.

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

Related topics