iOS7 status bar woes

5 posts, 0 answers
  1. Ryan
    Ryan avatar
    43 posts
    Member since:
    Mar 2012

    Posted 03 Nov 2013 Link to this post

    I've been dealing with this at work using Kony so I'm not surprised but at any rate here goes...so iOS7 has their dumb fullscreen layout stuff that causes the status bar (cellphone signal strength and battery charge indicator) to overlap the header of mobile apps now.  I noticed, however that when I set the status bar style to "hidden" in my icenium project's properties menu that this status bar disappears in the simulator.  I was all happy and wagging my tail until I deployed my app onto my iphone 5 running iOS7 and the damn status bar was still there >.<

    I saw something in the kendo docs about seamless status bar styles in iOS 7 that seemed like it might help but I didn't particularly want to go redesign every view in my app just to satisfy Apple's crappy new UI standards.  So am I seeing a bug in the simulator with this hidden status bar style issue or do I need to change something else on my end to make this work on an actual iphone properly??

    or do i need to try this plugin: https://github.com/apache/cordova-labs/tree/plugins/statusbar


  2. Steve
    Admin
    Steve avatar
    10941 posts

    Posted 04 Nov 2013 Link to this post

    Hi Ryan,

    This change comes from iOS 7 and the latest version of Xcode as explained in our release notes. As you might know, in iOS 7 the BlackTranslucent and BlackOpaque status bar styles have been deprecated, and the default status bar style has been modified.

    If you're using Kendo UI, add the following to your Kendo initialization:
    Copy Code
    var os = kendo.support.mobileOS,
    statusBarStyle = os.ios && os.flatVersion >= 700 ? "black-translucent" : "black";
      
    var app = new kendo.mobile.Application(document.body, { statusBarStyle: statusBarStyle });

    If you're not using Kendo we recommend manually adjusting the status bar margin as described in this blog or use this custom Cordova plugin.

    Regards,
    Steve
    Telerik
    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.
  3. Paul
    Paul avatar
    56 posts
    Member since:
    Jan 2006

    Posted 14 Nov 2013 Link to this post

    To totally hide the iOS7 time/battery/bs, you can make an edit in the .plist file. Add the below entry and this will hide the top status bar:

    <key>UIStatusBarHidden</key><true/><key>UIViewControllerBasedStatusBarAppearance</key><false/>

    I have tested this on both an iPad and iPhone 5s both on iOS 7.0.3
  4. Robert
    Robert avatar
    39 posts
    Member since:
    Oct 2012

    Posted 18 Dec 2013 Link to this post

    This worked well; is there a way to adjust the status bar for iOS7 and make it light (for a dark background)?
  5. Iva Koevska
    Admin
    Iva Koevska avatar
    286 posts

    Posted 19 Dec 2013 Link to this post

    Hello Robert,

    Icenium 1.10 added the StatusBar plugin to its collection of configurable plugins. It controls the web view overlay behavior and lets you adjust the background color of the status bar.

    For newly created projects the plugin is enabled by default. For older projects, from the Project Navigator, double-click Properties. Then go to Plugins -> Core Plugins and enable the StatusBar plugin. Afterwards, make sure to call the plugin in your deviceready event and make the adjustments you need following this help reference for the plugin.

    Regards,
    Iva Koevska
    Telerik
    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