iOS 7 above hide StatusBar in Phonegap with Visual Studio

In this blog you will learn iOS 7 above hide StatusBar in Phonegap with Visual Studio.

Step 1: Install plugin status bar plugin from VS 2013-go to root folder-config.xml. You can add from Core tab options also go to Custom tab select Git option paste below url and add.

StatusBarPlugin.git



Step 2: Now go to index.js in root application folder and onDeviceReady event in that make function.

if (MobileVer.iOS()) {
    navigator.splashscreen.hide();
    StatusBar.overlaysWebView(false);
    if (device.version >= 7.0) {
        document.body.style.marginTop = "20px";
        document.body.style.webkitTransform = 'translate3d(0, 20px, 0)';
    }
}
var MobileVer = {

    iOS: function () {
         return navigator.userAgent.match(/iPhone|iPad|iPod/i);
    },

};

Or you can check device.version using device plugin available.

Note: If you are developing Ipad application using Phonegap/Cordova then defiantly whole app will scroll and bouncing for that go to config.xml code behind and set below property.

<preference name="DisallowOverscroll" value="true" />
<preference name="UIWebViewBounce" value="false" />