Button capitalizes text

The SfButton capitalizes text. I have Process Now, but it shows as PROCESS NOW. I can I stop this?

2 Replies 1 reply marked as answer

AR Andy Richard February 2, 2021 07:24 PM UTC

Figured it out:
 
.e-btn, .e-css.e-btn {
    text-transform: none;
}



MK Mohan Kumar Ramasamy Syncfusion Team February 4, 2021 03:33 AM UTC

Hi Andy, 
 
We have checked your reported query, you have referred the material theme in your application, in this material design spec button text has to be capitalized. So we have suggest to override the .e-btn class style text-transform as none. Please refer the below code snippets. 
 
<SfButton Content="Bank of Melbourne" CssClass="e-link" /> 
 
<style> 
    .e-btn.e-link { 
        text-transform: none; 
    } 
</style> 
 
Please let us know, if you need any further assistance, 
 
Regards, 
Mohankumar R 


Marked as answer
Loader.
Up arrow icon