iOS 7 safari button bar block part of the page

2 posts, 0 answers
  1. Marco
    Marco avatar
    4 posts
    Member since:
    May 2013

    Posted 03 Oct 2013 Link to this post

    Hello Everyone,

    I am writing an web application with Kendo mobile. It seems iOS 7 safari button bar will cover last item in a long liveView. See attachment please.
    I am seeking a  way to either hide button bar of iOS 7 safari or resize the page itself. Anyone has suggestions?

    Thanks in advance!

  2. Kamen Bundev
    Kamen Bundev avatar
    1532 posts

    Posted 04 Oct 2013 Link to this post

    Hello Marco,

    Please upgrade to the Kendo UI Mobile Q2 2013 SP release, which features official support for iOS7 and a brand new iOS7-like platform theme (activated by default).

    On a side note, the address and tool bars in iOS7 can no longer be hidden by the same technique as before. The browser only hides them on actual native scrolling of the viewport with a finger and this is not possible to be triggered from a web application. You can either accept that or try the new application-wide useNativeScrolling option which will hide it on scrolling down and show it on scrolling up. However be warned that this option has many disadvantages, which are listed in the article I linked.

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