Label of Button UI always with text.transform="uppercase"

[Pedro Reboredo]

Hi all,

I'd like to inject my UI Button Label with {{msg.payload}}.

Right now, I create my plain HTML code with a function node, and send it to my UI Button node via msg.payload.

However, the text (font) will always be displayed in uppercase letters. Is there any possibility to disable the text transformation? (text.transform="none")

Thanks in advance,

Pedro

[Dave C-J]

Hi,

by default the angular-material library will follow the material design guide and make all button text uppercase.

You could apply a style (for example via a ui template) to change this

<style>

    .nr-dashboard-theme .nr-dashboard-button .md-button {

        text-transform:lowercase;

    }

</style>

[Pedro Reboredo]

Hi Dave,

Thanks for the fast reply. I'd prefer to avoid the Template UI since it's really the Button UI what I need.

Is there any possibility to inject this style tag without overloading the ui_button class / files?

Thanks, Pedro

[Pedro Reboredo]

Ok, after some try and errors... got now your idea it it works!

Thanks, Pedro