Button text forced to uppercase

Dashboard
1

For the first time I am using a dashboard button and I notice that the text on the button is always in uppercase, whatever I put in the button configuration. Is that expected?

Node-RED version: v1.0.2
Node.js version: v10.18.1
Dashboard version 2.17.1
Running on Ubuntu.

2

This intentional and based on the material design design guidelines:

1 Like
3

You can change the behaviour by adding text-transform: capitalize; to the button style.

4

That isn't really what I want either, I just want the text displayed as entered. Or do you mean that if I force text-transform: none then it will leave them alone?

1 Like
5

Indeed, if you use text-transform: none; then it will will stay as it was.

6

OK, thanks.

7

Hi,
where to add text-transform: none;?

To ui_button.html?

8

you can add the following to a ui_template node set with template style "Added to site head section":

<style>
button{
    text-transform: none !important;
}
</style>
1 Like