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

Buttons in general aren't working on Android devices

1 Answer 23 Views
Button (Mobile)
This is a migrated thread and some comments may be shown as answers.
Nick
Top achievements
Rank 1
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,

 

1 Answer, 1 is accepted

Sort by
0
Petyo
Telerik team
answered on 25 Aug 2015, 03:54 PM

Hello Nick,

the code seems correct. Can you replicate your problem in a Dojo? Maybe it is cordova specific. Also, please specify the Android version you use for testing. 

Regards,
Petyo
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Button (Mobile)
Asked by
Nick
Top achievements
Rank 1
Answers by
Petyo
Telerik team
Share this question
or