listview after set background image how to make every item background tranparent

2 posts, 0 answers
  1. ai
    ai avatar
    6 posts
    Member since:
    Jun 2013

    Posted 26 Jun 2013 Link to this post

    listview 
    <div data-role="view" data-title="objlist">
        <ul data-role="listview" id="uidListView" data-click="uidClickItem"></ul>
    </div>
    css:
    .km-ios .km-content{
        background-image: url("../images/bg.png");
        background-repeat:repeat-x;
    }

    use template below to insert listview
    <script type="text/x-kendo-template" id="uidTemplate"># for (var i = 0; i < data.length; i++) { #
        <li class="userlist" val=${i}>
                <a>
                      <span class="username">#:data[i].name#</span>
                      <span class="userorg">#:data[i].orgName#</span>
                      <span class="userpos">#:data[i].position#</span>
                </a>
                <span class="km-icon km-cancel uidicon"></span>
        </li>
        # } #
    </script>
     how to make every li  item  in  listview   background tranparent ,that is ,user can see the km-content background-image

  2. Petyo
    Admin
    Petyo avatar
    2439 posts

    Posted 28 Jun 2013 Link to this post

    Hello,

    Please take a look at the following article which provides a starting point for customizing widget appearance.  You can use the web inspector tool of your browser to identify the selectors which have to be override.

    Regards,
    Petyo
    Telerik
    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