ListView touch effect on LI which does not contain required markup

4 posts, 0 answers
  1. Kjell
    Kjell avatar
    276 posts
    Member since:
    Jun 2010

    Posted 15 Dec 2013 Link to this post

    My question is in response to this statement in another thread:

    "ListView Item highlighting is only applied if the listview item contains certain markup (one link, text with detail button, etc.). In your case, you should remove the paragraph tag from the template. "

    Figured I'd start a new thread rather than dig up the old one, but here it is if needed: thread

    What are the exact specifications for the markup which gets the effect, and what can I do if I want to apply the effect but my markup does not meet said specifications?  

    This is what my item template looks like:

    <script type="text/x-kendo-tmpl" id="tablet-mru-template">
            <div class="listitem-tab">                                
                <h1 style="vertical-align: middle;">#:ClientName#</h1>                   
                <h2 style="min-height: 0px">#:MatterName#</h2>
            </div> 
        </script>
    I've been trying to manually register the touch events but without any luck, any guidance is much appreciated. 

  2. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2566 posts

    Posted 18 Dec 2013 Link to this post

    Hi Kjell,

    In the ListView item (the <li> element) you need to have just one label or link in order for the required classes to be applied and get the highlight effect, automatically.

    Otherwise you will need to apply the km-listview-link class the the container holding you listview item, so you can get the highlight again. Please check the following link showing a possible implementation:

    http://jsbin.com/AzUMIwA/1/edit

    Regards,
    Kiril Nikolov
    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
  4. Kjell
    Kjell avatar
    276 posts
    Member since:
    Jun 2010

    Posted 18 Dec 2013 Link to this post

    Ah, cool.. thanks for the detailed answer
  5. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2566 posts

    Posted 19 Dec 2013 Link to this post

    Hello Kjell,

    I am glad to hear that the information provided was helpful.

    In case you have any further questions, please do not hesitate to contact us.

    Regards,
    Kiril Nikolov
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top
Kendo UI is VS 2017 Ready