Post
Ask Question

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

config

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

  1. if (MobileVer.iOS()) {             
  2.     navigator.splashscreen.hide();  
  3.     StatusBar.overlaysWebView(false);  
  4.     if (device.version >= 7.0) {  
  5.         document.body.style.marginTop = "20px";  
  6.         document.body.style.webkitTransform = 'translate3d(0, 20px, 0)';                  
  7.     }  
  8. }  
  9. var MobileVer = {  
  10.          
  11.     iOS: function () {  
  12.          return navigator.userAgent.match(/iPhone|iPad|iPod/i);  
  13.     },  
  14.           
  15. };  
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.
  1. <preference name="DisallowOverscroll" value="true" />  
  2. <preference name="UIWebViewBounce" value="false" />