Resizing issue under Facebook mobile app

2 posts, 0 answers
  1. Joon
    Joon avatar
    30 posts
    Member since:
    Aug 2012

    Posted 04 Jul 2012 Link to this post

    I have a trouble with the kendo mobile resizing under the facebook app on ios(not sure about other environments).
    The trouble is the kendo mobile view's height doesn't resize well under the Facebook app where it has the top navigation strip of it's own, it actually overflows the screen height so my tabstrip down the bottom is half-shown until I drag it up the screen with my finger.

    Here goes the steps to reproduce the issue.

    1. Go to Facebook app on iPhone.
    2. in the search, type in "bookingbay" to search for the app I am developing. Make sure you are clicking on the Bookingbay App, not Bookingbay Page.
    3. On Next screen, click on install.
    4. The bookingbay appears within your Facebook app and you will see the bottom tabstrip is clipped until your drag it up.

    The workaround is to keep dragging it up to access the bottom tabstrip, or clicking on the Facebook app's action button and select "Open in Safari", however, this redirects the user outside the Facebook app whereas I would like my app used embeded within the Facebook app for the Facebook app users at least.

    I can see why it behaves that way,, perhaps that's because the kendo mobile view detects that we are in the App mode and resizes the view as the full screen resolution without knowing that the Facebook app chews up some space on the top for its own navigation strip.

    Would this be classified as a bug or a limitation of the app? Or is there already a fix(configuration?) on this?

    By the way, the Bookingbay app searched on the Facebook mobile search can also be located on on your mobile devices. It's basically a free online booking web app developed in Kendo mobile. and I am trying to use the facebook mobile search as one of my distribution channels and I also want to give the user best experience (not that they have to jump out of the app to use my app..)

    Thanks for your help!!
  2. Georgi Krustev
    Georgi Krustev avatar
    3747 posts

    Posted 05 Jul 2012 Link to this post

    Hello Joon,

    By default the Application tries to hide the address bar of the browser. You will need to turn off this functionality to avoid aforementioned issue.

    All the best,
    Georgi Krustev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top