How to set text on tab bar in small letters?

Question

I wrote Videos but in tab it is coming as VIDEOS all in capitals.I want it to be like "Videos"

TabLayout tabLayout = (TabLayout) findViewById(R.id.tab_layout);
tabLayout.addTab(tabLayout.newTab().setText("Videos"));
tabLayout.addTab(tabLayout.newTab().setText("Notes"));

try this http://stackoverflow.com/questions/12857459/how-to-style-actionabar-tab-text-in-android — Amy, Mar 15 '16 at 08:34

Skizo-ozᴉʞS ツ · Accepted Answer · 2016-03-15T09:51:48.717

5

Well if I didn't misunderstood you'll have to create a styles.xml as follows :

<style name="CustomTabs" parent="TextAppearance.Design.Tab">
    <item name="android:textSize">YOUR_TEXT_SIZE</item>
    <item name="android:textAllCaps">false</item>
</style>

And then in your layout where you put the TabLayout add this :

app:tabTextAppearance="@style/CustomTabs"

And if you don't want to show the title without capitalleters you'll have to add on yout style this aswell :

<item name="android:textAllCaps">false</item>

SOLUTION

Best way is to add this in your TabLayout xml

app:tabTextAppearance="@android:style/TextAppearance.Widget.TabWidget"

edited Mar 15 '16 at 09:51

answered Mar 15 '16 at 08:40

Skizo-ozᴉʞS ツ

19,464
18
81
148

size get reduced but still in capital letters. – Shwetabh Singh Mar 15 '16 at 09:21
yes I added... – Shwetabh Singh Mar 15 '16 at 09:26
In layout also I added – Shwetabh Singh Mar 15 '16 at 09:27
thank you , only adding this line "app:tabTextAppearance="@android:style/TextAppearance.Widget.TabWidget" in layout worked for me, nothing to add in style.XML .So when I add this line in XML what it does is, it shows the same as it is written. – Shwetabh Singh Mar 15 '16 at 09:50
Glad to help you, happy coding ^^ – Skizo-ozᴉʞS ツ Mar 15 '16 at 09:56

score 0 · Answer 2 · answered Mar 15 '16 at 08:39

Use this style to LayLayout

<style name="MyCustomTabLayout" parent="Widget.Design.TabLayout">
      <item name="tabTextAppearance">@style/MyCustomTextAppearance</item>
</style>

make tab textAllCaps false

<style name="MyCustomTextAppearance" parent="TextAppearance.Design.Tab">
      <item name="textAllCaps">false</item>
</style>

How to set text on tab bar in small letters?

2 Answers2

SOLUTION