Kendo ListView - Buttons and Icons

by kendomobile

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.716/styles/kendo.mobile.all.min.css">
<script src="http://cdn.kendostatic.com/2013.2.716/js/kendo.all.min.js"></script>
<!-- Demo created for the book: Building Mobile Applications Using Kendo UI Mobile and ASP.NET Web API.
http://www.packtpub.com/building-mobile-applications-with-kendoui-html5/book -->

<div data-role="view">
        <ul data-role="listview" data-style="inset">
            <li><a>Olympus Has Fallen </a></li>
            <li><a>Jurassic Park 3D</a></li>
            <li><a>G.I. Joe: Retaliation</a></li>
        </ul>

        <ul data-role="listview" data-style="inset">
            <li>Add Contact<a data-role="detailbutton" 
                data-style="contactadd"></a></li>
            <li>More Details<a data-role="detailbutton"
                data-style="detaildisclose"></a></li>
            <li>Insert Movie<a data-role="detailbutton" 
                data-style="rowinsert"></a></li>
            <li>Delete Movie<a data-role="detailbutton" 
                data-style="rowdelete"></a></li>
        </ul>
    </div>

JavaScript

var app = new kendo.mobile.Application(document.body);