I've implemented a list view that works great on the Device Simulator and Work Great on All Android devices and Iphones. But when I'm testing it on an Ipad it's broken.
So when I click in the search box the keyboard shifts the window up and the user can't type in the search box. Is there a fix for this?
Here is the HTML for my List View:
<!-- Best in KLAS - Vendor View. -->
<div id="best-in-klas-vendors-view"
data-role="view"
data-layout="drawer-layout"
data-model="klas.bestInKlasVendorsViewModel"
data-show="klas.bestInKlasVendorsViewModel.getVendors"
data-title="Vendors">
<ul id="vendors-list-view"></ul>
</div>
My script for initializing the Kendo Mobile List View:
$vendorsListView.kendoMobileListView({
template: $('#best-in-klas-vendors-template').text(),
dataSource: new kendo.data.DataSource({
type: 'json',
transport: {
read: vendorsUrl
}
}),
filterable: {
field: 'SearchField',
operator: 'contains'
},
click: function (e) {
..
}
});
So when I click in the search box the keyboard shifts the window up and the user can't type in the search box. Is there a fix for this?
Here is the HTML for my List View:
<!-- Best in KLAS - Vendor View. -->
<div id="best-in-klas-vendors-view"
data-role="view"
data-layout="drawer-layout"
data-model="klas.bestInKlasVendorsViewModel"
data-show="klas.bestInKlasVendorsViewModel.getVendors"
data-title="Vendors">
<ul id="vendors-list-view"></ul>
</div>
My script for initializing the Kendo Mobile List View:
$vendorsListView.kendoMobileListView({
template: $('#best-in-klas-vendors-template').text(),
dataSource: new kendo.data.DataSource({
type: 'json',
transport: {
read: vendorsUrl
}
}),
filterable: {
field: 'SearchField',
operator: 'contains'
},
click: function (e) {
..
}
});