This is a migrated thread and some comments may be shown as answers.

Buttons in general aren't working on Android devices

1 Answer 76 Views

Button (Mobile)

This is a migrated thread and some comments may be shown as answers.

Nick asked on 22 Aug 2015, 05:09 PM

After a recent update to the current Kendo and JQuery libraries (we were quite behind) we've had a lot of issues with buttons in Android.

I have read through all of the forum and recently submitted a support ticket but wanted to bring what steps I've taken so far and show my code block for others to comment on/see.

<div data-role="view" data-title="Home" data-layout="main" data-model="XXXX" data-init="XXXX" data-show="XXXX" >

<div data-role="header" class="whiteBG">

<div data-role="navbar" style="padding-bottom:5px;">

<img class="headerLogo logoClass" />

<span><a data-role="button" class="km-menu-image" href="#appDrawer" data-rel="drawer" data-align="left"></a></span>

<img class="disconnected-image" data-align="left" />

<img class="cloud-sync-image" data-align="left" />

</div>

<div class="pageheading">

<a data-role="button" data-click="jobDetailBack" data-align="left" class="link-button-design-1" style="font-size: 10px;"><span data-bind="html:backLabel"></span></a>

<a data-role="button" id="button-GotoContentsBagCountPage" data-click="GotoContentsBagCountPage" style="width: auto; float:right; display:none; text-transform: uppercase; font-size: 10px;" class="link-button-design-1 enable-online-buttons"><span data-bind="html: bagCountLabel"></span></a>

<a data-role="button" id="button-GotoNotesList" data-click="GotoNotesListFomJobDetailsPage" style="width: auto; float:right; margin-right: 3px; text-transform: uppercase; font-size: 10px;" class="link-button-design-1 enable-online-buttons"><span data-bind="html: notesLabel"></span></a>

<a data-role="button" data-click="goToAlbumDetailsPageFromJobDetailsPage" id="button-GoToAlbumDetailsPage" style="width: auto; float:right; margin-right: 3px; text-transform: uppercase; font-size: 10px;" class="link-button-design-1 enable-online-buttons"><span data-bind="html: albumsLabel"></span></a>

</div>

The block of anchor tags (specifically the back button which is aligned on the left side where the slide menu slides from) are a less than 50% chance of working on Android at the moment.

The changes we've made so far are ::

Move from "onclick" to data-click for the back button
Change the UserEvent Threshold

kendo.UserEvents.defaultThreshold(20);

app = new kendo.mobile.Application(document.body, {

I've moved buttons around thinking they were too close to each other and that was causing the issue...nope, hasn't helped.

Mind you, iOs seems to be working fine and in fact better since I adjusted the UserEvent threshold.

Please let me know what other options I have, this is currently not usable for our customers and becoming a real problem.

Thanks,

Buttons in general aren't working on Android devices

1 Answer, 1 is accepted