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

ListView touch effect on LI which does not contain required markup

3 Answers 16 Views
ListView (Mobile)
This is a migrated thread and some comments may be shown as answers.
Kjell
Top achievements
Rank 1
Kjell asked on 15 Dec 2013, 07:48 PM
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. 

3 Answers, 1 is accepted

Sort by
0
Kiril Nikolov
Telerik team
answered on 18 Dec 2013, 07:50 AM
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!
0
Kjell
Top achievements
Rank 1
answered on 18 Dec 2013, 04:26 PM
Ah, cool.. thanks for the detailed answer
0
Kiril Nikolov
Telerik team
answered on 19 Dec 2013, 07:00 AM
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!
Tags
ListView (Mobile)
Asked by
Kjell
Top achievements
Rank 1
Answers by
Kiril Nikolov
Telerik team
Kjell
Top achievements
Rank 1
Share this question
or