Buttons in general aren't working on Android devices

2 posts, 0 answers
  1. Nick
    Nick avatar
    17 posts
    Member since:
    Feb 2011

    Posted 22 Aug 2015 Link to this post

    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,

     

  2. Petyo
    Admin
    Petyo avatar
    2439 posts

    Posted 25 Aug 2015 Link to this post

    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!
     
  3. Kendo UI is VS 2017 Ready
Back to Top