iOS7 status bar woes

[Ryan]

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

[Steve]

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.

[Paul]

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

[Robert]

This worked well; is there a way to adjust the status bar for iOS7 and make it light (for a dark background)?

[Iva Koevska]

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.