Tab header text in lower case

Hi

Is there an option to have the text in the header in lower case?

So if my tab label is 'Address' it displays as 'Address' rather than 'ADDRESS'?

Thanks



3 Replies

PN Praveenkumar Narasimhanaidu Syncfusion Team November 22, 2021 12:20 PM UTC

Hi Leigh, 

We have validated your requirement “Tab header text in lower case” at our end and let you know that you can achieve it with the help of below highlighted CSS. For the same, we have prepared a sample which can be viewed from following link. 


#ej2Tab .e-tab-header .e-toolbar-item .e-tab-text { 
        text-transform: none; 
    } 

 

Kindly try the above solution and get back to us if you need any further assistance. 

Regards, 
Praveenkumar 



LA Leigh Anderson replied to Praveenkumar Narasimhanaidu November 22, 2021 03:22 PM UTC

That's great - thanks.



NR Nevitha Ravi Syncfusion Team November 23, 2021 04:58 AM UTC

Hi Leigh, 

You are most welcome..! please get back to us if you need any further assistance.  

Regards, 
Nevitha 


Loader.
Up arrow icon