How to disable automaticlly modify first letter to uppercase in TabHeader?

[luyan]

The Tabs component always turned my title to uppercase at first letter.

[Alagumeena Kalaiselvan]

Hi luyan, 

 

Greetings from Syncfusion support! 

 

We have checked with your reported issue  and you can disable the appearance of Tab Header which displays the first letter of header text in uppercase by applying the below styles in your application to achieve your case.  We have prepared a sample based on your requirement and Refer the below code for that. 

 

<SfTab> 

    <TabItems> 

        <TabItem Content="Twitter is an online social networking service that enables users to send and read short 140-charactermessages called tweets."> 

            <ChildContent> 

                <TabHeader Text="twitter"></TabHeader> 

            </ChildContent> 

        </TabItem> 

        <TabItem Content="Facebook is an online social networking service headquartered in Menlo Park, California."> 

            <ChildContent> 

                <TabHeader Text="facebook"></TabHeader> 

            </ChildContent> 

        </TabItem> 

        <TabItem Content="WhatsApp Messenger is a proprietary cross-platform instant messaging client for smartphones that operatesunder a subscription business model."> 

            <ChildContent> 

                <TabHeader Text="whatsapp"></TabHeader> 

            </ChildContent> 

        </TabItem> 

    </TabItems> 

</SfTab> 

 

<style> 

    .e-tab .e-tab-header .e-toolbar-item .e-tab-text { 

        text-transform: none !important;   // To show the first letter of Tab header text to Lowercase 

    } 

</style> 

 

Kindly get back to us, If you need further assistance. 

 

Regards 

Alagumeena.K 

[gB-Fr]

It works.

Thanks, Gilles.

[Satheesh Kumar Balasubramanian]

Hi Luyan,

Thanks for the update.

We are happy that your problem has been resolved now.

Regards,

Satheesh Kumar B