iPad APP not working properly anymore on IOS 9.1

  • 1
  • Problem
  • Updated 4 years ago
  • Solved
I'm developing an app for ipad and it was working fine till IOS 8 and then hydration stopped working on IOS9 but I was still able to use it by switching the hydration off. But recently after IOS9 updates now I'm not able to use my APP at all.

Kindly see the screenshot as my app runs on the bottom right corner in a limited screen space. the rest of the screen is cover in black.

Can someone help me out as to what I'm doing wrong?

Any help will be much appreciated

APPID: 1350754
Photo of farhan farrukh

farhan farrukh

  • 3 Posts
  • 0 Reply Likes
  • frustrated

Posted 5 years ago

  • 1
Photo of farhan farrukh

farhan farrukh

  • 3 Posts
  • 0 Reply Likes
Screenshot



My Config.xml



<?xml version="1.0" encoding="UTF-8"?>

<!-- config.xml reference: https://build.phonegap.com/docs/config-xml -->

<widget xmlns = "http://www.w3.org/ns/widgets"
xmlns:gap = "http://phonegap.com/ns/1.0"
id = "com.bang-on.sanofichc"
version = "0.2.6">

<name>Sanofi CHC</name>

<description>
App for Ireland
</description>

<license>Bang Communications</license>

<keywords>PDF, Pages, Information, Content</keywords>

<!-- current version of PhoneGap -->
<preference name="phonegap-version" value="cli-5.2.0" />

<gap:plugin name="com.kernix.pdfviewer" source="pgb" version="1.1.0" />
<gap:plugin name="com.phonegap.plugin.statusbar" source="pgb" version="1.1.0" />
<gap:plugin name="cordova-plugin-device" source="npm" version="1.0.1" />
<gap:plugin name="cordova-plugin-device-motion" source="npm" version="1.1.1" />
<gap:plugin name="cordova-plugin-device-orientation" source="pgb" version="1.0.1" />
<gap:plugin name="cordova-plugin-dialogs" source="npm" version="1.1.1" />
<gap:plugin name="cordova-plugin-file-transfer" source="npm" version="1.3.0" />
<gap:plugin name="cordova-plugin-geolocation" source="npm" version="1.0.1" />
<gap:plugin name="cordova-plugin-inappbrowser" source="npm" version="1.0.1" />
<gap:plugin name="cordova-plugin-splashscreen" source="npm" version="2.1.0" />

<feature name="SplashScreen">
<param name="ios-package" value="CDVSplashScreen" />
</feature>

<author href="http://bang-on.net" email="bangonnet@gmail.com">
Farhan Farrukh
</author>

<!--
If you do not want any permissions to be added to your app, add the
following tag to your config.xml; you will still have the INTERNET
permission on your app, which PhoneGap requires.
-->

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

<!-- Customize your app and platform with the preference element. -->
<preference name="orientation" value="landscape" /> <!-- all: default means both landscape and portrait are enabled -->
<preference name="target-device" value="all" /> <!-- all: possible values handset, tablet, or universal -->
<preference name="fullscreen" value="false" /> <!-- all: hides the status bar at the top of the screen -->
<preference name="webviewbounce" value="true" /> <!-- ios: control whether the screen 'bounces' when scrolled beyond the top -->
<preference name="prerendered-icon" value="true" /> <!-- ios: if icon is prerendered, iOS will not apply it's gloss to the app's icon on the user's home screen -->
<preference name="stay-in-webview" value="false" /> <!-- ios: external links should open in the default browser, 'true' would use the webview the app lives in -->
<preference name="ios-statusbarstyle" value="black-opaque" /> <!-- ios: black-translucent will appear black because the PhoneGap webview doesn't go beneath the status bar -->
<preference name="detect-data-types" value="true" /> <!-- ios: controls whether data types (such as phone no. and dates) are automatically turned into links by the system -->
<preference name="exit-on-suspend" value="false" /> <!-- ios: if set to true, app will terminate when home button is pressed -->
<preference name="disable-cursor" value="false" /> <!-- blackberry: prevents a mouse-icon/cursor from being displayed on the app -->
<preference name="android-minSdkVersion" value="7" /> <!-- android: MIN SDK version supported on the target device. MAX version is blank by default. -->
<preference name="android-installLocation" value="auto" /> <!-- android: app install location. 'auto' will choose. 'internalOnly' is device memory. 'preferExternal' is SDCard. -->
<preference name="StatusBarOverlaysWebView" value="false" />
<preference name="StatusBarBackgroundColor" value="#000000" />

<preference name="ShowSplashScreen" value="false" />
<preference name="ShowSplashScreenSpinner" value="false"/> <!-- ios: if set to false, the spinner won't appear on the splash screen during app loading -->
<preference name="AutoHideSplashScreen" value="true" /> <!-- ios: if set to false, the splash screen must be hidden using a JavaScript API -->
<preference name="SplashMaintainAspectRatio" value="false" />

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

<!-- Plugins can also be added here. -->

<!--
<gap:plugin name="Example" />
A list of available plugins are available at https://build.phonegap.com/docs/plugins
-->

<icon src="icon.png" />

<!-- Define app icon for each platform. -->

<!-- IOS -->

<icon src="res/icon/ios/icon-57.png" gap:platform="ios" width="57" height="57" />
<icon src="res/icon/ios/icon-72.png" gap:platform="ios" width="72" height="72" />
<icon src="res/icon/ios/icon-76.png" gap:platform="ios" width="76" height="76" />
<icon src="res/icon/ios/icon-57-2x.png" gap:platform="ios" width="114" height="114" />
<icon src="res/icon/ios/icon-120.png" gap:platform="ios" width="120" height="120" />
<icon src="res/icon/ios/icon-72-2x.png" gap:platform="ios" width="144" height="144" />
<icon src="res/icon/ios/icon-152.png" gap:platform="ios" width="152" height="152" />

<!-- iPhone and iPod touch -->
<splash src="Default.png" platform="ios" width="320" height="480" />
<splash src="Default@2x.png" platform="ios" width="640" height="960" />

<!-- iPhone 5 / iPod Touch (5th Generation) -->
<splash src="Default-568h@2x.png" platform="ios" width="640" height="1136" />

<!-- iPhone 6 -->
<splash src="Default-667h@2x.png" platform="ios" width="750" height="1334" />
<splash src="Default-Portrait-736h@3x.png" platform="ios" width="1242" height="2208" />
<splash src="Default-Landscape-736h@3x.png" platform="ios" width="2208" height="1242" />

<!-- iPad -->
<splash src="Default-Portrait.png" platform="ios" width="768" height="1024" />
<splash src="Default-Landscape.png" platform="ios" width="1024" height="768" />

<!-- Retina iPad -->
<splash src="Default-Portrait@2x.png" platform="ios" width="1536" height="2048" />
<splash src="Default-Landscape@2x.png" platform="ios" width="2048" height="1536" />

<!--
Define access to external domains.

<access /> - a blank access tag denies access to all external resources.
<access origin="*" /> - a wildcard access tag allows access to all external resource.

Otherwise, you can specify specific domains:
-->

<access origin="*" />
<access origin="http://127.0.0.1*"/> <!-- allow local pages -->

<access origin="tel:*" launch-external="yes" />
<access origin="mailto:*" launch-external="yes" />

</widget>

Photo of Petra V.

Petra V., Champion

  • 7794 Posts
  • 1391 Reply Likes
I'd suggest you remove
<feature name="SplashScreen">
<param name="ios-package" value="CDVSplashScreen" />
</feature>


and replace the old statusbar plugin by npm's statusbar plugin:
https://www.npmjs.com/package/cordova...
Photo of farhan farrukh

farhan farrukh

  • 3 Posts
  • 0 Reply Likes
Petra V thank you so much You are a star
problem solved
Photo of Asad Abdullah

Asad Abdullah

  • 7 Posts
  • 0 Reply Likes
Hi,
I am having the same issue but the fix could not help me.

My config.php

-----

<!-- config.xml reference: https://build.phonegap.com/docs/confi... -->

<!-- Change app id (above), name, description, and author. App ID can be any reverse domain name, such as com.mycompany.app -->
Dictado Escolar

porque dictar "mamá" 40 veces... no era!!!

Deviztech Ltd.

<!-- Android 4.0 is minimum supported -->

100

<!-- to show app faster, set autohide to true. iOS only -->

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

<!-- If you are seeing a blank screen on Android on app load, uncomment SplashScreenDelay preference -->
<!--preference name="SplashScreenDelay" value="10000" /-->

<!-- No need to edit below this line -->
<!--gap:splash src="splash.png"/-->
Photo of Petra V.

Petra V., Champion

  • 7794 Posts
  • 1391 Reply Likes
My config.php
You don't really have a config.php, do you?
Photo of Asad Abdullah

Asad Abdullah

  • 7 Posts
  • 0 Reply Likes
Sorry "config.xml" not "config.php", that was a typing error. Here is a link to my config.xml
https://www.dropbox.com/s/jv5qkrn2xqm...
Photo of JesseMonroy650 (Volunteer)

JesseMonroy650 (Volunteer), Champion

  • 3325 Posts
  • 122 Reply Likes
@Asad

Phonegap is not a webserver and not a webbrowser.

This FAQ should also help.
Top Mistakes by Developers new to Cordova/Phonegap

Jesse
Photo of Asad Abdullah

Asad Abdullah

  • 7 Posts
  • 0 Reply Likes
@Petra V. I have posted the details in a new thread, kindly have a look.
http://gsfn.us/t/4u3aa