Android Design Support Library: TabLayout tabs text in single line

Question

I want to put tabs text(max 8 chars) in single line

I added a custom style to TabLayout element

<style name="MyCustomTabLayout" parent="Widget.Design.TabLayout">
    <item name="tabTextAppearance">@style/MyCustomTabTextAppearance</item>
</style>
<style name="MyCustomTabTextAppearance" parent="TextAppearance.Design.Tab">
    <item name="android:maxLines">1</item>
    <item name="android:singleLine">true</item>
</style>

Still it does not work out. I also tried

 <android.support.design.widget.TabLayout
  app:tabTextAppearance="@style/MyCustomTabTextAppearance"
  ..
  ..
  />

https://guides.codepath.com/android/google-play-style-tabs-using-tablayout — Pratik Butani, Jan 01 '16 at 10:34
[This](http://stackoverflow.com/a/32547335/4395530) might be the solution that you are looking for. :) — Ye Min Htut, Jan 01 '16 at 10:36
solved my problem by this answer [see this answer](http://stackoverflow.com/a/42851372/4101786) — Android Dev, Mar 17 '17 at 07:16

score 18 · Accepted Answer · edited Jan 01 '16 at 11:01

18

Just add app:tabMode="scrollable" to TabLayout;

<android.support.design.widget.TabLayout 
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/sliding_tabs" 
android:layout_width="match_parent" 
app:tabMode="scrollable"
android:layout_height="wrap_content" />

edited Jan 01 '16 at 11:01

Chintan Rathod

25,864
13
83
93

answered Jan 01 '16 at 10:41

tiny sunlight

6,231
3
21
42

score -1 · Answer 2 · answered Jan 01 '16 at 10:34

-1

Once change the following code

<style name="MyCustomTabTextAppearance" parent="TextAppearance.Design.Tab">
    <item name="android:maxLines">1</item>
    <item name="android:singleLine">true</item>
</style>

to the following

<style name="MyCustomTabTextAppearance" parent="TextAppearance.AppCompat.Button">
    <item name="android:maxLines">1</item>
    <item name="android:singleLine">true</item>
</style>

answered Jan 01 '16 at 10:34

Nigam Patro

2,760
1
18
33

add this style as theme to tablayout xml – varotariya vajsi Aug 10 '18 at 14:18

score -3 · Answer 3 · answered Nov 02 '18 at 15:50

-3

Add this line to your TabLayout custom style, it will do the magic.

<item name="android:maxLines">1</item>

answered Nov 02 '18 at 15:50

Jerry Okafor

3,710
3
17
26

I tried using this, but its not working – Abraham Mathew Dec 23 '19 at 06:12

Android Design Support Library: TabLayout tabs text in single line

3 Answers3