View under statusbar after Icenium 1.9

5 posts, 0 answers
  1. Aren
    Aren avatar
    3 posts
    Member since:
    Jul 2013

    Posted 01 Nov 2013 Link to this post

    After updating today to Icenium 1.9, my page views are half way under the statusbar on the top.
    (see the attached picture)

    How can I solve this issue?

  2. Aren
    Aren avatar
    3 posts
    Member since:
    Jul 2013

    Posted 03 Nov 2013 Link to this post

    The answer above, from Paul, is not the solution for this problem.

    After rebuilding my complete Kendo mobile project, Build a new empty Kendo mobile project and copy all the customized fills back in, the App came back to live again.

    Is there not a kind op udpdate from version x to version y solution available.....

    There is still a problem on the real iPhone5 device. The status bar on the top is still showing aldo I switched him completely off in the settings.

    On the simulator it works ok.

    Any idea's to solve this issue?

  3. Paul
    Paul avatar
    113 posts
    Member since:
    May 2009

    Posted 03 Nov 2013 Link to this post

    The fact that you created a new Kendo mobile project and say that sorted it for you means pretty much my answer is the solution to the problem as by creating a new kendo project it automatically adds this bit to it.
    var os =,
    var   statusBarStyle = os.ios && os.flatVersion >= 700 ? "black-translucent" : "black";

    Then on your deviceready function add the statusBarStyle option 
    app.application = new, { layout: "tabstrip-layout" , statusBarStyle: statusBarStyle});

    Also the plugin works too but as plugins do not work in the simulator it looks like it hasn't worked. On the actual device though it does.
  4. Steve
    Steve avatar
    10941 posts

    Posted 04 Nov 2013 Link to this post

    Hi guys,

    Paul is correct, the updated Kendo UI template in Icenium already contains the fix to this iOS 7 change. For all others that do not use Kendo UI in their projects, we recommend manually adjusting the status bar margin as described in this blog or use this custom Cordova plugin.

    You've missed the Icenium Visual Studio Integration keynote? It has been recorded and posted here.
    Looking for tips & tricks directly from the Icenium team? Check out our blog!
    Share feedback and vote for features on our Feedback Portal.
Back to Top