This question is locked. New answers and comments are not allowed.
Jesse Herrera
Top achievements
Rank 1
Rank 1
Jesse Herrera
asked on 04 Dec 2012, 04:55 PM
Hello,
Here is a jsfiddle that shows how I would expect the listview touch to work and the actionsheet buttons to display:
http://jsfiddle.net/a9wqL/20/
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>
<html>
<head>
<title></title>
<script src="kendo/js/jquery.min.js"></script>
<script src="kendo/js/kendo.mobile.min.js"></script>
<link href="kendo/styles/kendo.mobile.all.min.css" rel="stylesheet" />
<script>
function initListViewAddress(e) {
e.view.element.find("#addressListData").kendoMobileListView({
template : "<a data-rel=\"actionsheet\" href=\"\\#addressActions\" data-actionsheet-context=\"#:data#\">#:data#</a>",
dataSource: ["foo", "bar", "baz" ]
});
};
</script>
</head>
<body>
<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"}'>
text<br/>
<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>
</ul>
</div>
<script>
var app = new kendo.mobile.Application(document.body, { transition: "slide" });
</script>
</body>
</html>
Thanks,
Jesse Herrera
Here is a jsfiddle that shows how I would expect the listview touch to work and the actionsheet buttons to display:
http://jsfiddle.net/a9wqL/20/
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>
<html>
<head>
<title></title>
<script src="kendo/js/jquery.min.js"></script>
<script src="kendo/js/kendo.mobile.min.js"></script>
<link href="kendo/styles/kendo.mobile.all.min.css" rel="stylesheet" />
<script>
function initListViewAddress(e) {
e.view.element.find("#addressListData").kendoMobileListView({
template : "<a data-rel=\"actionsheet\" href=\"\\#addressActions\" data-actionsheet-context=\"#:data#\">#:data#</a>",
dataSource: ["foo", "bar", "baz" ]
});
};
</script>
</head>
<body>
<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"}'>
text<br/>
<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>
</ul>
</div>
<script>
var app = new kendo.mobile.Application(document.body, { transition: "slide" });
</script>
</body>
</html>
Thanks,
Jesse Herrera
1 Answer, 1 is accepted
0
Hi Jesse,
Jordan
the Telerik team
Share feedback and vote for features on our Feedback Portal.
Want some Kendo UI online training - head over to Pluralsight.
Thanks for reporting this we were able to reproduce it and it is logged for fixing.
All the best,Jordan
the Telerik team
Share feedback and vote for features on our Feedback Portal.
Want some Kendo UI online training - head over to Pluralsight.