StatusBar ====== > The `StatusBar` object provides some functions to customize the iOS StatusBar. Preferences ----------- #### config.xml - __StatusBarOverlaysWebView__ (boolean, defaults to true). On iOS 7, make the statusbar overlay or not overlay the WebView at startup. - __StatusBarBackgroundColor__ (color hex string, defaults to #000000). On iOS 7, set the background color of the statusbar by a hex string (#RRGGBB) at startup. Hiding at startup ----------- During runtime you can use the StatusBar.hide function below, but if you want the StatusBar to be hidden at app startup, you must modify your app's Info.plist file. Add/edit these two attributes if not present. Set **"Status bar is initially hidden"** to **"YES"** and set **"View controller-based status bar appearance"** to **"NO"**. If you edit it manually without Xcode, the keys and values are: UIStatusBarHidden UIViewControllerBasedStatusBarAppearance Methods ------- - StatusBar.overlaysWebView - StatusBar.styleDefault - StatusBar.styleLightContent - StatusBar.styleBlackTranslucent - StatusBar.styleBlackOpaque - StatusBar.backgroundColorByName - StatusBar.backgroundColorByHexString - StatusBar.hide - StatusBar.show Properties -------- - StatusBar.isVisible Permissions ----------- #### config.xml StatusBar.overlaysWebView ================= On iOS 7, make the statusbar overlay or not overlay the WebView. StatusBar.overlaysWebView(true); Description ----------- On iOS 7, set to false to make the statusbar appear like iOS 6. Set the style and background color to suit using the other functions. Supported Platforms ------------------- - iOS Quick Example ------------- StatusBar.overlaysWebView(true); StatusBar.overlaysWebView(false); StatusBar.styleDefault ================= Use the default statusbar (dark text, for light backgrounds). StatusBar.styleDefault(); Supported Platforms ------------------- - iOS StatusBar.styleLightContent ================= Use the lightContent statusbar (light text, for dark backgrounds). StatusBar.styleLightContent(); Supported Platforms ------------------- - iOS StatusBar.styleBlackTranslucent ================= Use the blackTranslucent statusbar (light text, for dark backgrounds). StatusBar.styleBlackTranslucent(); Supported Platforms ------------------- - iOS StatusBar.styleBlackOpaque ================= Use the blackOpaque statusbar (light text, for dark backgrounds). StatusBar.styleBlackOpaque(); Supported Platforms ------------------- - iOS StatusBar.backgroundColorByName ================= On iOS 7, when you set StatusBar.statusBarOverlaysWebView to false, you can set the background color of the statusbar by color name. StatusBar.backgroundColorByName("red"); Supported color names are: black, darkGray, lightGray, white, gray, red, green, blue, cyan, yellow, magenta, orange, purple, brown, clear Supported Platforms ------------------- - iOS StatusBar.backgroundColorByHexString ================= On iOS 7, when you set StatusBar.statusBarOverlaysWebView to false, you can set the background color of the statusbar by a hex string (#RRGGBB). StatusBar.backgroundColorByHexString("#C0C0C0"); Supported Platforms ------------------- - iOS StatusBar.hide ================= Hide the statusbar. StatusBar.hide(); Supported Platforms ------------------- - iOS StatusBar.show ================= Shows the statusbar. StatusBar.show(); Supported Platforms ------------------- - iOS StatusBar.isVisible ================= Read this property to see if the statusbar is visible or not. if (StatusBar.isVisible) { // do something } Supported Platforms ------------------- - iOS