This is a migrated thread and some comments may be shown as answers.

Android Tabstrip Custom Color

1 Answer 81 Views
TabStrip (Mobile)
This is a migrated thread and some comments may be shown as answers.
Benjamin
Top achievements
Rank 1
Benjamin asked on 04 Jun 2012, 06:21 PM
I was wondering what styles I need to overwrite in order to change color of the tabs, both background and foreground, specifically for android.  I need the color to be lighter than the current tab colors.

1 Answer, 1 is accepted

Sort by
0
Kamen Bundev
Telerik team
answered on 05 Jun 2012, 10:46 AM
Hi Ben,

To change the active tab color, use the background-color of the whole TabStrip:
.km-android .km-tabstrip
{
    background: green;
}


To change the active Android TabStrip icon color, use this rule:
.km-android .km-tabstrip .km-state-active .km-icon
{
    background: green;
}


You can also use a -webkit-gradient() there, it will clip accordingly.

To change the TabStrip background color, use this rule:
.km-android .km-tabstrip .km-button
{
    background: silver;
}


Regards,
Kamen Bundev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
TabStrip (Mobile)
Asked by
Benjamin
Top achievements
Rank 1
Answers by
Kamen Bundev
Telerik team
Share this question
or