Custom Button-Card Text Problem

Share your Projects! Dashboards & Frontend
1

Hi,
I got a problem with Custom Button-Card that I don’t really know how to fix.

Screen Shot 2022-11-03 at 9.28.01 PM
Screen Shot 2022-11-03 at 9.28.01 PM658×726 27.5 KB

The top is made by custom:button-card, the bottom is made by HAOS stock Button-Card. As you can see HAOS stock button card would “automatically” make the longer name into 2 lines. But, the custom:button-card would squeeze everything into 1 single line. It makes it so hard to read the name. I tried to increase the height for the custom:button-card. But it still tries to squeeze all the names into 1 line. Is it possible to make the names to be shown in 2 lines if the name is a long name? Thanks in advance for any pointer.

Thanks

2

In the value field simple add a “
” tag to have custom:button-card perform a line break.

Remember to double quote the enitre value, otherwise the < >may be parsed as javascript starting points.