Lower case tabItem


#1

Hello,

I need the title in tabItem not in upper case,

My code:

<TabView id="tabViewContainer" selectedIndex="0" class="tab-view" sdkToggleNavButton loaded="onTabViewLoaded">
    <StackLayout *tabItem="{title: 'title'}" >
        <Label text="NativeScript" class="m-15 h2 text-left" color="blue"></Label>

    </StackLayout>
    <StackLayout *tabItem="{title: 'title'}" >

    </StackLayout>

    <StackLayout *tabItem="{title: 'title'}" >

    </StackLayout>
</TabView>

image


#2

Try adding below to your css

TabView > * {
    text-transform: none;
}

#3

It’s amazing!! thanks a lot!


#4

I have tried this but its not working for me