Blazor TelerikButton text always is upper-case?

1 Answer 614 Views
Button
Justin
Top achievements
Rank 1
Justin asked on 07 Dec 2021, 07:37 PM

<TelerikButton>Hello</TelerikButton>

generates a button with "HELLO" as the text...all uppercase. Looks like the .k-button css class has "text-transform: uppercase" on it. Is this due to the Material theme? I am using Telerik.UI.for.Blazor.2.29.0, which is the latest as of this writing.

I would like the casing of the text to be how I decide.

Thanks,

Justin

Apostolos
Telerik team
commented on 08 Dec 2021, 04:21 PM

Hi Justin,

You are correct, the style is specific to our Material theme. This theme follows the guidelines of Material Angular design.

Regards,
Apostolos
Progress Telerik

Learn about the important changes coming in UI for Blazor 3.0 in January 2022!

1 Answer, 1 is accepted

Sort by
0
Accepted
Matthias
Top achievements
Rank 5
Bronze
Bronze
Iron
answered on 08 Dec 2021, 05:54 AM

Hi Justin,

yes, this is due to the material theme. But you can easily change it without changing the theme:

 


.k-button-text {
	text-transform: lowercase;
	text-transform: capitalize;
}
regards Matthias
Tags
Button
Asked by
Justin
Top achievements
Rank 1
Answers by
Matthias
Top achievements
Rank 5
Bronze
Bronze
Iron
Share this question
or