Hello Mithal,
That's one small feature we completely missed to demo and document in the official release, thanks for bringing it to our attention. Adding detail buttons in a list view is very easy, check the following sample for the different types:
<ul data-role="listview" data-style="inset" data-type="group">
<li>
Default icons
<ul>
<li>Contact Add<a data-role="detailbutton" data-style="contactadd"></a></li>
<li>Detail Disclose<a data-role="detailbutton" data-style="detaildisclose"></a></li>
<li>Row Insert<a data-role="detailbutton" data-style="rowinsert"></a></li>
<li>Row Delete<a data-role="detailbutton" data-style="rowdelete"></a></li>
</ul>
</li>
<li>
Custom icons
<ul>
<li>More info<a data-role="detailbutton" data-icon="more"></a></li>
<li>Battery level<a data-role="detailbutton" data-icon="battery"></a></li>
</ul>
</li>
<li>
Links & Detail Buttons
<ul>
<li><a>Row Insert</a><a data-role="detailbutton" data-style="rowinsert"></a></li>
<li><a>Row Delete</a><a data-role="detailbutton" data-style="rowdelete"></a></li>
<li><a>More info</a><a data-role="detailbutton" data-icon="more"></a></li>
<li><a>Battery Level</a><a data-role="detailbutton" data-icon="battery"></a></li>
</ul>
</li>
</ul>
The one you're looking for is with data-style="rowdelete". We will update the examples and documentation for the service pack. I also updated your points for this.
Kind regards,
Kamen Bundev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework -
download Kendo UI now!