Rendering Issues with Listview Touch and Actionsheet Buttons

2 posts, 0 answers
  1. Jesse Herrera
    Jesse Herrera avatar
    39 posts
    Member since:
    Jul 2006

    Posted 04 Dec 2012 Link to this post


    Here is a jsfiddle that shows how I would expect the listview touch to work and the actionsheet buttons to display:

    You'll notice when the listview items are tapped they turn blue. This isn't happening in the Icenium emulator. Also, when I mouseover the buttons in the actionsheet the button turns blue and the text turns white. In Icenium the buttons stay grey and the text is turning white which makes it hard to see the text. I created a page in Icenium to reproduce the problem:

    <!DOCTYPE html>
            <script src="kendo/js/jquery.min.js"></script>
            <script src="kendo/js/"></script>
            <link href="kendo/styles/" rel="stylesheet" />

                function initListViewAddress(e) {
                    template : "<a data-rel=\"actionsheet\" href=\"\\#addressActions\" data-actionsheet-context=\"#:data#\">#:data#</a>",
                    dataSource: ["foo", "bar", "baz" ]
            <div data-role="view" id="addressList" data-title="Address List" data-init="initListViewAddress">

                <ul data-role="listview" id="addressListData" data-click="listViewClickAddress"></ul>
                <ul data-role="actionsheet" id="addressActions" data-open="onOpenAddress" data-popup='{"direction": "left"}'>
                    <li class="km-actionsheet-title">Address Details:</li>
                    <li><a href="#" data-action="addressAc">Air Conditioning</a></li>
                    <li><a href="#" data-action="addressPlumbing">Plumbing</a></li>
                    <li><a href="#" data-action="addressService">Service</a></li>
                var app = new, { transition: "slide" });


    Jesse Herrera

  2. Jordan
    Jordan avatar
    197 posts

    Posted 05 Dec 2012 Link to this post

    Hi Jesse,

    Thanks for reporting this we were able to reproduce it and it is logged for fixing.

    All the best,
    the Telerik team

    Share feedback and vote for features on our Feedback Portal.
    Want some Kendo UI online training - head over to Pluralsight.
Back to Top