TabHeader - Every word starts with a capital letter

[Franz Bichlmaier]

The TabItem-Header is defined as follows: 

   <TabItem>

      <ChildContent>

          <TabHeader Text="Aufteilung der Zinsen auf neue Investoren"></TabHeader>

      </ChildContent>

The TabHeader is displayed as "Aufteilung Der Zinsen Auf Neue Investoren". How can I ensure the TabHeader remains unchanged.

Thank you

[Swathi Ravi]

Hi Franz,

Thank you for contacting us.

To resolve the issue where the TabHeader text automatically capitalizes each word, you can customize the default CSS styles of the tab header text. Please apply the following CSS code to maintain the original formatting of your TabHeader:

<style>

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

        text-transform: none;

    }

</style>

You can view a working example of this implementation in the following sample: https://blazorplayground.syncfusion.com/LjhJZOslWvDhNBzn

We hope this solution helps! Please let us know if you have any further questions or need additional assistance.

Regards,
Swathi