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

How to style a List Item

1 Answer 207 Views
ListView (Mobile)
This is a migrated thread and some comments may be shown as answers.
Thomas
Top achievements
Rank 1
Thomas asked on 10 Feb 2012, 08:10 PM
How can I style a list-item without using the custom-template option?

I'm think of something like the tabstrip:

#custom-tabstrip .km-state-active .km-icon
    {
      background:-moz-linear-gradient(top, #ffffff, #2468A5); /* Firefox */
    background : -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#2468A5)); /* Safari, Chrome */
 
    }

1 Answer, 1 is accepted

Sort by
0
Kamen Bundev
Telerik team
answered on 13 Feb 2012, 02:29 PM
Hello Thomas,

Currently all gradients in Kendo UI Mobile are transparent, so it is usually enough to just change the background color of the widget (with the exception of the Switch and the active states). To change the list-item active state color, you can use CSS like this /for iOS/:
.km-ios li.km-state-active .km-listview-link
{
    background-color: #222;
}


Kind 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
ListView (Mobile)
Asked by
Thomas
Top achievements
Rank 1
Answers by
Kamen Bundev
Telerik team
Share this question
or