How to style a List Item

2 posts, 0 answers
  1. Thomas
    Thomas avatar
    21 posts
    Member since:
    Oct 2011

    Posted 10 Feb 2012 Link to this post

    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 */
     
        }

  2. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 13 Feb 2012 Link to this post

    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!
  3. Kendo UI is VS 2017 Ready
Back to Top