ListView touch effect on LI which does not contain required markup

[Kjell]

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. 

[Kiril Nikolov]

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

[Kjell]

Ah, cool.. thanks for the detailed answer

[Kiril Nikolov]

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