How Can I Remove The Divider Between The Actionbar And The Tabs

I'm trying to remove the divider between the ActionBar and the tabs but I did not succeed yet. I've tried this @color/tab_color

Solution 1:

The Theme.Holo.Light has a default shadow on the bottom, so probably appCompat too, Try to use the default one Theme.AppCompat.

Your background use image, try to use a @color/tab_color like this.

<stylename="Widget.Styled.ActionBar"parent="@style/Widget.AppCompat.Light.ActionBar.Solid"><itemname="android:background">@color/tab_color</item><itemname="android:backgroundStacked">@color/tab_color</item><itemname="android:backgroundSplit">@color/tab_color</item><itemname="android:textColor">@color/tab_text</item><itemname="android:titleTextStyle">@style/MyActionBarTextColor</item><itemname="android:actionBarDivider">@color/tab_color</item></style>

Sources :

ActionBarSherlock issue

Removing line or divider in Android

Remove divider under actionbar

Remove blue divider on ICS

Solution 2:

You can easily remove the divider by pasting this code in you styles.xml file

<item name="windowActionBarOverlay">true</item>
<item name="android:windowActionBarOverlay">true</item>

But according to Googles new Tab design principles, the tab strip is designed differently and there is also a different way of using colors.

Solution 3:

I tried the posted answers but for some reason they didn't work for me. This did:

    <item name="windowActionBarOverlay">true</item>
    <item name="android:windowActionBarOverlay">true</item>

I set those properties in my app's theme and it worked for me.

Share