Custom Tabstrip Gradient

[Martin]

Hi guys,

I'm trying to change my tabstrip gradient color and it's not working. How do I change it?

This is what I currently have:

#custTab .km-tabstrip {background-color:#ccc;}

All that does is change the top half of the tabstrip

[Kamen Bundev]

Hi Martin,

The TabStrip gradient is a transparent CSS3 gradient and is set as a background-image. You can change it like this:
#custTab .km-tabstrip {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8));;
}

I've specified it with the old syntax as it is supported in iOS under 5. You can also use an online gradient generator to do it, until the Kendo UI Mobile Theme Builder becomes available.

Regards,
Kamen Bundev
the Telerik team

[Martin]

Hi Kamen,

Thanks for the reply. Got it working :) Just one more question. Why are my icons not showing on tabstrip?
When I link to <link href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.mobile.all.min.css" rel="stylesheet"> it works, but when I use <link href="css/kendo.mobile.all.min.css" rel="stylesheet" type="text/css"> the data-icon on tabstrip doesn't show at all.

[Martin]

Ignore my last post. Figured out why it's not working :)