Tap event in Navbar

2 posts, 0 answers
  1. Richard Pense
    Richard Pense avatar
    12 posts
    Member since:
    Apr 2009

    Posted 31 Jul 2013 Link to this post

    According to Apple iOS usability  guidelines:
      "iOS apps allow people to tap the status bar to quickly scroll back to the top of a long list"

    So, I try to implement with the following about.html.  Tap event is not showing up in console.  Any ideas?

        <section data-role="layout" data-id="about-layout">
            <header data-role="header">
                <div data-role="navbar" data-tap="myTouch.tap">
                    <span date-role="view-title">About</span>
            <!--View content will render here-->
            <footer data-role="footer">
                <div data-role="tabstrip">
                    <a href="#home" data-icon="home">Home</a>
                    <a href="search.html" data-icon="search">Search</a>
                    <a href="about.html" data-icon="about">About</a>
                    <a href="more.html" data-icon="more">More</a>
        <div id="about" data-role="view" data-layout="about-layout" data-zoom="true" data-reload="true">
    ... long content removed
            function NavTouch() {
                var view = $("#about").data("kendoMobileView");
            window.myTouch = {
                tap: function(e) { NavTouch(); },
  2. Petyo
    Petyo avatar
    2444 posts

    Posted 01 Aug 2013 Link to this post

    Hello Richard,

    The status bar tap is handled by the browser itself - it is unlikely that this tap will reach the DOM. In case you are using phonegap, you may look into a custom plugin which should support that. 

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