Forum | Appery.io

The iPhone battery meter shows in my header. How do I make the app load under the battery status meter?

Hi John,

Run the following JavaScript code on Page Load event:preif (parseFloat(window.device.version) === 7.0) {
$("body").css("margin-top", "20px");
}/pre

How would I do this so it applies to all pages?

John,

Add custom JavaScript with a function that you'll call on Page Show event:pre$(window).bind({
pageshow: function() {
/// paste the code here
}
});/pre

The margin-top option does not work. This seems like it should be standard with Appery.io. Am I doing something wrong

John,

Doesn't it work for one page?

No, I only tried it for one page. Should I be able to add this to the theme?

I put it in the theme and it came out pretty good. I will just have to remove it for the android. I am still surprised there is not a more universal setting for this issue.

I found the solution. Its not an Appery issue, its all IOS 7 development. Here is what worked for me.

add this to your info.plist file,

UIStatusBarHidden UIViewControllerBasedStatusBarAppearance

Set it to False or NO in Xcode

Can you explain this in a little more detail (adding UIStatusBarHidden field)? This was a nice find since I was also able to fix the rotation issue in ios7 by adding the options in the plist file settings.