Disabled button fires on swipe

2 posts, 0 answers
  1. Zinc
    Zinc avatar
    23 posts
    Member since:
    Aug 2013

    Posted 22 Jul 2014 Link to this post


    I'm creating a mobile app and I've got a button in my navigation bar which I have disabled:

    <div data-role="navbar">
            <a class="cublink" data-role="button" data-align="middle" data-transition="slide:left" href="#divSelect" disabled="disabled">Continue</a>
            <a class="cublink" data-role="button" data-align="right" data-transition="slide:left" href="#divHelp">Help</a>

    As you can see, I have added the disabled attribute above to the "Continue" button.  The button looks disabled when running, and a single click on it does not take me to the designated page, which is good.  However, if I swipe the button, it does fire it.  Is there some code which ignores the disabled attribute when swiped and not clicked?
  2. Kiril Nikolov
    Kiril Nikolov avatar
    2596 posts

    Posted 23 Jul 2014 Link to this post


    The correct way to disable a button is to use its enable configuration property. Please check the following example and let me know if you are able to reproduce the issue:


    Kiril Nikolov
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top