6 Replies Latest reply on Aug 13, 2016 6:16 AM by ianhowse

    iOS StatusBar colour - with/without Hydration

    ianhowse Level 1

      Hi,

      The StatusBar on my App (on iOS) is showing as Black characters on a transparent background.

      I have (obviously not never successfully) amended the config.xml file to change this to White characters on a transparent background which works fine when I use PhoneGap Cloud Build with Hydration disabled. As soon as I re-enable Hydration, it goes back to Black.

      What am I doing / not-doing?

       

      Below is the config.xml file:

       

      <?xml version='1.0' encoding='utf-8'?>

      <widget id="com.phonegap.Elf" version="1.4.0" xmlns="http://www.w3.org/ns/widgets" xmlns:gap="http://phonegap.com/ns/1.0">

        <name>Elf</name>

        <description>Elf</description>

        <author email="ihowse@bigpond.net.au" href="http://www.elf.com.au">Ian Howse</author>

        <content src="index.html"></content>

        <preference name="phonegap-version" value="cli-6.3.0" />

        <preference name="permissions" value="none" />

        <preference name="orientation" value="default" />

        <preference name="target-device" value="universal" />

        <preference name="fullscreen" value="true" />

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

        <preference name="prerendered-icon" value="true" />

        <preference name="stay-in-webview" value="false" />

        <preference name="StatusBarOverlaysWebView" value="true" />

        <preference name="StatusBarBackgroundColor" value="#000000" />

        <preference name="StatusBarStyle" value="lightcontent" />

        <preference name="detect-data-types" value="true" />

        <preference name="exit-on-suspend" value="false" />

        <preference name="show-splash-screen-spinner" value="false" />

        <preference name="SplashScreen" value="screen" />

        <preference name="AutoHideSplashScreen" value="false" />

        <preference name="FadeSplashScreen" value="false" />

        <preference name="disable-cursor" value="false" />

        <preference name="android-minSdkVersion" value="14" />

        <preference name="android-installLocation" value="auto" />

        <plugin name="cordova-plugin-camera" />

        <plugin name="cordova-plugin-media-capture" />

        <plugin name="cordova-plugin-contacts" />

        <plugin name="cordova-plugin-device" />

        <plugin name="cordova-plugin-device-orientation" />

        <plugin name="cordova-plugin-dialogs" />

        <plugin name="cordova-plugin-geolocation" />

        <plugin name="cordova-plugin-splashscreen" />

        <plugin name="cordova-plugin-statusbar" />

        <plugin name="cordova-plugin-vibration" />

        <plugin name="cordova-plugin-whitelist" />

        <plugin name="cordova-plugin-device-motion" />

        <icon src="icon.png" />

        <icon platform="ios" width="29" height="29" src="SplashIcon/icon-small.png" />

        <icon platform="ios" width="40" height="40" src="SplashIcon/icon-40.png" />

        <icon platform="ios" width="50" height="50" src="SplashIcon/icon-50.png" />

        <icon platform="ios" width="57" height="57" src="SplashIcon/icon.png" />

        <icon platform="ios" width="58" height="58" src="SplashIcon/icon-small@2x.png" />

        <icon platform="ios" width="60" height="60" src="SplashIcon/icon-60.png" />

        <icon platform="ios" width="72" height="72" src="SplashIcon/icon-72.png" />

        <icon platform="ios" width="76" height="76" src="SplashIcon/icon-76.png" />

        <icon platform="ios" width="80" height="80" src="SplashIcon/icon-40@2x.png" />

        <icon platform="ios" width="100" height="100" src="SplashIcon/icon-50@2x.png" />

        <icon platform="ios" width="114" height="114" src="SplashIcon/icon@2x.png" />

        <icon platform="ios" width="120" height="120" src="SplashIcon/icon-60@2x.png" />

        <icon platform="ios" width="144" height="144" src="SplashIcon/icon-72@2x.png" />

        <icon platform="ios" width="152" height="152" src="SplashIcon/icon-76@2x.png" />

        <icon platform="ios" width="180" height="180" src="SplashIcon/icon-60@3x.png" />

        <icon platform="android" qualifier="ldpi" src="SplashIcon/icon-ldpi.png" />

        <icon platform="android" qualifier="mdpi" src="SplashIcon/icon-mdpi.png" />

        <icon platform="android" qualifier="hdpi" src="SplashIcon/icon-hdpi.png" />

        <icon platform="android" qualifier="xhdpi" src="SplashIcon/icon-xhdpi.png" />

        <icon platform="android" qualifier="xxhdpi" src="SplashIcon/icon-xxhdpi.png" />

        <icon platform="android" qualifier="xxxhdpi" src="SplashIcon/icon-xxxhdpi.png" />

        <icon platform="winphone" src="SplashIcon/icon-48.png" />

        <icon platform="winphone" width="44" height="44" src="SplashIcon/Square44x44Logo.scale-100.png" />

        <icon platform="winphone" width="106" height="106" src="SplashIcon/Square44x44Logo.scale-240.png" />

        <icon platform="winphone" width="150" height="150" src="SplashIcon/Square150x150Logo.scale-100.png" />

        <icon platform="winphone" width="360" height="360" src="SplashIcon/Square150x150Logo.scale-240.png" />

        <icon platform="winphone" width="71" height="71" src="SplashIcon/Square71x71Logo.scale-100.png" />

        <icon platform="winphone" width="170" height="170" src="SplashIcon/Square71x71Logo.scale-240.png" />

        <icon platform="winphone" width="310" height="150" src="SplashIcon/Wide310x150Logo.scale-100.png" />

        <icon platform="winphone" width="744" height="360" src="SplashIcon/Wide310x150Logo.scale-240.png" />

        <icon platform="winphone" src="SplashIcon/Icon_173x173.png" role="background" />

        <splash platform="ios" width="320" height="480" src="SplashIcon/splash-iphone-portrait.png" />

        <splash platform="ios" width="480" height="320" src="SplashIcon/splash-iphone-landscape.png" />

        <splash platform="ios" width="640" height="960" src="SplashIcon/splash-iphone-portrait-2x.png" />

        <splash platform="ios" width="960" height="640" src="SplashIcon/splash-iphone-landscape-2x.png" />

        <splash platform="ios" width="640" height="1136" src="SplashIcon/splash-iphone-portrait-568h-2x.png" />

        <splash platform="ios" width="1136" height="640" src="SplashIcon/splash-iphone-landscape-568h-2x.png" />

        <splash platform="ios" width="750" height="1134" src="SplashIcon/splash-iphone-portrait-6.png" />

        <splash platform="ios" width="1134" height="750" src="SplashIcon/splash-iphone-landscape-6.png" />

        <splash platform="ios" width="1242" height="2208" src="SplashIcon/splash-iphone-portrait-6p.png" />

        <splash platform="ios" width="2208" height="1242" src="SplashIcon/splash-iphone-landscape-6p.png" />

        <splash platform="ios" width="768" height="1024" src="SplashIcon/splash-ipad-portrait.png" />

        <splash platform="ios" width="1024" height="768" src="SplashIcon/splash-ipad-landscape.png" />

        <splash platform="android" qualifier="port-ldpi" src="SplashIcon/splash-ldpi-portrait.png" />

        <splash platform="android" qualifier="land-ldpi" src="SplashIcon/splash-ldpi-landscape.png" />

        <splash platform="android" qualifier="port-mdpi" src="SplashIcon/splash-mdpi-portrait.png" />

        <splash platform="android" qualifier="land-mdpi" src="SplashIcon/splash-mdpi-landscape.png" />

        <splash platform="android" qualifier="port-hdpi" src="SplashIcon/splash-hdpi-portrait.png" />

        <splash platform="android" qualifier="land-hdpi" src="SplashIcon/splash-hdpi-landscape.png" />

        <splash platform="android" qualifier="port-xhdpi" src="SplashIcon/splash-xhdpi-portrait.png" />

        <splash platform="android" qualifier="land-xhdpi" src="SplashIcon/splash-xhdpi-landscape.png" />

        <splash platform="winphone" src="SplashIcon/splash-portrait.jpg" />

        <splash platform="winphone" width="1152" height="1920" src="SplashIcon/SplashScreenPhone.scale-240.png" />

        <access origin="*" />

        <allow-intent href="http://*/*" />

        <allow-intent href="https://*/*" />

        <allow-intent href="tel:*" />

        <allow-intent href="sms:*" />

        <allow-intent href="mailto:*" />

        <allow-intent href="geo:*" />

        <platform name="android">

        <allow-intent href="market:*" />

        </platform>

        <platform name="ios">

        <allow-intent href="itms:*" />

        <allow-intent href="itms-apps:*" />

        </platform>

        <platform name="winphone" />

      </widget>