Let's follow up this discussion at the Neptune Community

(this forum will be kept in read-only mode)
Answered

Black screen

Hi,


does anybody know about a problem in phonegap or something else?


Thanks & Regards

Franziska

PNG
(57.2 KB)

Best Answer

Hi


Since build.phonegap.com now are moving a lot of the plugins to NPM and changing the cordova version, it could have something with the normal plugins. Can you try this config.xml from our new version. All plugins are changed to NPM.


Please change to your ID, name and description.

  

<?xml version="1.0" encoding="UTF-8" ?>
<widget xmlns="http://www.w3.org/ns/widgets" xmlns:gap="http://phonegap.com/ns/1.0" id="com.neptune.dev.shell" versionCode="106" version="1.0.6">
<name>New Mobile Shell</name>
<description>New Shell</description>
<gap:plugin name="cordova-sqlite-plugin" source="npm" />
<gap:plugin name="cordova-plugin-file-opener2" source="npm" />
<gap:platform name="android" />
<gap:platform name="ios" />
<gap:platform name="winphone" />
<icon src="icon.png" />
<icon src="icons/android/ldpi.png" gap:platform="android" gap:density="ldpi" />
<icon src="icons/android/mdpi.png" gap:platform="android" gap:density="mdpi" />
<icon src="icons/android/hdpi.png" gap:platform="android" gap:density="hdpi" />
<icon src="icons/android/xhdpi.png" gap:platform="android" gap:density="xhdpi" />
<icon src="icons/android/xxhdpi.png" gap:platform="android" gap:density="xxhdpi" />
<gap:splash src="splash.png" />
<gap:splash src="splash/ios/Retina.png" gap:platform="ios" width="640" height="960" />
<gap:splash src="splash/ios/Default_Portait.png" gap:platform="ios" width="768" height="1024" />
<gap:splash src="splash/ios/Default-Landscape.png" gap:platform="ios" width="1024" height="768" />
<gap:splash src="splash/ios/Classic.png" gap:platform="ios" width="320" height="480" />
<gap:splash src="splash/ios/iPhone5.png" gap:platform="ios" width="640" height="1136" />
<gap:splash src="splash/ios/Default-Portrait_2x.png" gap:platform="ios" width="2048" height="1536" />
<gap:splash src="splash/ios/Default-Landscape_2x.png" gap:platform="ios" width="1536" height="2048" />
<gap:splash src="splash/android/ldpi.png" gap:platform="android" gap:density="ldpi" />
<gap:splash src="splash/android/mdpi.png" gap:platform="android" gap:density="mdpi" />
<gap:splash src="splash/android/hdpi.png" gap:platform="android" gap:density="hdpi" />
<gap:splash src="splash/android/xhdpi.png" gap:platform="android" gap:density="xhdpi" />
<gap:splash src="splash/android/xxhdpi.png" gap:platform="android" gap:density="xxhdpi" />
<preference name="phonegap-version" value="cli-5.2.0" />
<platform name="winphone">
<preference name="fullscreen" value="true" />
</platform>
<gap:plugin name="cordova-plugin-statusbar" source="npm" />
<gap:config-file platform="ios" parent="UIStatusBarHidden"><true/></gap:config-file>
<gap:config-file platform="ios" parent="UIViewControllerBasedStatusBarAppearance"><false/></gap:config-file>
<preference name="StatusBarOverlaysWebView" value="false" />
<preference name="SplashScreenDelay" value="20000" />
<preference name="auto-hide-splash-screen" value="false" />
<preference name="AutoHideSplashScreen" value="false" />
<feature name="http://api.phonegap.com/1.0/battery"/>
<feature name="http://api.phonegap.com/1.0/camera"/>
<feature name="http://api.phonegap.com/1.0/contacts"/>
<feature name="http://api.phonegap.com/1.0/file"/>
<feature name="http://api.phonegap.com/1.0/geolocation"/>
<feature name="http://api.phonegap.com/1.0/media"/>
<feature name="http://api.phonegap.com/1.0/network"/>
<feature name="http://api.phonegap.com/1.0/notification"/>
<feature name="http://api.phonegap.com/1.0/device"/>
<gap:plugin name="cordova-plugin-battery-status" source="npm" />
<gap:plugin name="cordova-plugin-camera" source="npm" />
<gap:plugin name="cordova-plugin-media-capture" source="npm" />
<gap:plugin name="cordova-plugin-contacts" source="npm" />
<gap:plugin name="cordova-plugin-device" source="npm" />
<gap:plugin name="cordova-plugin-file" source="npm" />
<gap:plugin name="cordova-plugin-splashscreen" source="npm" />
<gap:plugin name="cordova-plugin-file-transfer" source="npm" />
<gap:plugin name="cordova-plugin-geolocation" source="npm" />
<gap:plugin name="cordova-plugin-inappbrowser" source="npm" />
<gap:plugin name="cordova-plugin-media" source="npm" />
<gap:plugin name="cordova-plugin-network-information" source="npm" />
<gap:plugin name="cordova-plugin-dialogs" source="npm" />
<gap:plugin name="cordova-plugin-vibration" source="npm" />
<gap:plugin name="cordova-plugin-whitelist" source="npm" />
<access origin="*" subdomains="true"/>
</widget>


If this is not helping, please send me your ZIP file, so I can test on our servers. 

  

Regards

Ole Andre 




Hi Franziska


What version of phonegap do you use and do you have NAD 3.1 SP02 ? Sould also be great to know your device this is happening on: iPad,iPhone,Android ?


I would recommend using the latest version from phonegap. Having NAD 3.1 SP02 you can add an entry in the custom config.xml in the device tab in NAM.


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


Are you using any custom splashscreens ?


Regards

Ole Andre 



Hi Ole Andre,

the device is the iPad. And we are using NAD 3.1 SP02.
The screen also looks like the screenshot, if I add this entry in the config.xml.

Is there a new setting in the NAM role based menu?
Older apps are still working. The problem exists only in the new generated versions.

Regards
Franziska

I've the same issue on my iPad (MD791HC/A). The problem appears if you start the neptune client first time in landscape orientation. If you start in portrait no black screen appears and rotation will be work fine.


I tried with CLI 5.1.1, 5.2.0 and local cordova CLI 5.4.0 and it doesn't work.


Regards,

Gerhard


Same Problem as Franziska!
  • config.xml doesn't help
  • landscape / portrait orientation (from Gerhard) doesn't help

Any solutions?

Regards
Dirk
Answer

Hi


Since build.phonegap.com now are moving a lot of the plugins to NPM and changing the cordova version, it could have something with the normal plugins. Can you try this config.xml from our new version. All plugins are changed to NPM.


Please change to your ID, name and description.

  

<?xml version="1.0" encoding="UTF-8" ?>
<widget xmlns="http://www.w3.org/ns/widgets" xmlns:gap="http://phonegap.com/ns/1.0" id="com.neptune.dev.shell" versionCode="106" version="1.0.6">
<name>New Mobile Shell</name>
<description>New Shell</description>
<gap:plugin name="cordova-sqlite-plugin" source="npm" />
<gap:plugin name="cordova-plugin-file-opener2" source="npm" />
<gap:platform name="android" />
<gap:platform name="ios" />
<gap:platform name="winphone" />
<icon src="icon.png" />
<icon src="icons/android/ldpi.png" gap:platform="android" gap:density="ldpi" />
<icon src="icons/android/mdpi.png" gap:platform="android" gap:density="mdpi" />
<icon src="icons/android/hdpi.png" gap:platform="android" gap:density="hdpi" />
<icon src="icons/android/xhdpi.png" gap:platform="android" gap:density="xhdpi" />
<icon src="icons/android/xxhdpi.png" gap:platform="android" gap:density="xxhdpi" />
<gap:splash src="splash.png" />
<gap:splash src="splash/ios/Retina.png" gap:platform="ios" width="640" height="960" />
<gap:splash src="splash/ios/Default_Portait.png" gap:platform="ios" width="768" height="1024" />
<gap:splash src="splash/ios/Default-Landscape.png" gap:platform="ios" width="1024" height="768" />
<gap:splash src="splash/ios/Classic.png" gap:platform="ios" width="320" height="480" />
<gap:splash src="splash/ios/iPhone5.png" gap:platform="ios" width="640" height="1136" />
<gap:splash src="splash/ios/Default-Portrait_2x.png" gap:platform="ios" width="2048" height="1536" />
<gap:splash src="splash/ios/Default-Landscape_2x.png" gap:platform="ios" width="1536" height="2048" />
<gap:splash src="splash/android/ldpi.png" gap:platform="android" gap:density="ldpi" />
<gap:splash src="splash/android/mdpi.png" gap:platform="android" gap:density="mdpi" />
<gap:splash src="splash/android/hdpi.png" gap:platform="android" gap:density="hdpi" />
<gap:splash src="splash/android/xhdpi.png" gap:platform="android" gap:density="xhdpi" />
<gap:splash src="splash/android/xxhdpi.png" gap:platform="android" gap:density="xxhdpi" />
<preference name="phonegap-version" value="cli-5.2.0" />
<platform name="winphone">
<preference name="fullscreen" value="true" />
</platform>
<gap:plugin name="cordova-plugin-statusbar" source="npm" />
<gap:config-file platform="ios" parent="UIStatusBarHidden"><true/></gap:config-file>
<gap:config-file platform="ios" parent="UIViewControllerBasedStatusBarAppearance"><false/></gap:config-file>
<preference name="StatusBarOverlaysWebView" value="false" />
<preference name="SplashScreenDelay" value="20000" />
<preference name="auto-hide-splash-screen" value="false" />
<preference name="AutoHideSplashScreen" value="false" />
<feature name="http://api.phonegap.com/1.0/battery"/>
<feature name="http://api.phonegap.com/1.0/camera"/>
<feature name="http://api.phonegap.com/1.0/contacts"/>
<feature name="http://api.phonegap.com/1.0/file"/>
<feature name="http://api.phonegap.com/1.0/geolocation"/>
<feature name="http://api.phonegap.com/1.0/media"/>
<feature name="http://api.phonegap.com/1.0/network"/>
<feature name="http://api.phonegap.com/1.0/notification"/>
<feature name="http://api.phonegap.com/1.0/device"/>
<gap:plugin name="cordova-plugin-battery-status" source="npm" />
<gap:plugin name="cordova-plugin-camera" source="npm" />
<gap:plugin name="cordova-plugin-media-capture" source="npm" />
<gap:plugin name="cordova-plugin-contacts" source="npm" />
<gap:plugin name="cordova-plugin-device" source="npm" />
<gap:plugin name="cordova-plugin-file" source="npm" />
<gap:plugin name="cordova-plugin-splashscreen" source="npm" />
<gap:plugin name="cordova-plugin-file-transfer" source="npm" />
<gap:plugin name="cordova-plugin-geolocation" source="npm" />
<gap:plugin name="cordova-plugin-inappbrowser" source="npm" />
<gap:plugin name="cordova-plugin-media" source="npm" />
<gap:plugin name="cordova-plugin-network-information" source="npm" />
<gap:plugin name="cordova-plugin-dialogs" source="npm" />
<gap:plugin name="cordova-plugin-vibration" source="npm" />
<gap:plugin name="cordova-plugin-whitelist" source="npm" />
<access origin="*" subdomains="true"/>
</widget>


If this is not helping, please send me your ZIP file, so I can test on our servers. 

  

Regards

Ole Andre 



Hi,
workaround works fine!

Regards
Dirk

 

Hi,
there's a problem loading the zip-file in PhoneGap:
"Error: upload failed; please try again [9]"

What's wrong?
Which PhoneGap version did you select?

Regards
Franziska
Without a selected Phonegap version get this error:
"malformed config.xml"

 

Hi Franziska


Can you send me your ZIP file so I can look into your problem ?


oah@neptune-software.com



Regards

Ole Andre 

Hi,

does that workaround also apply for releae 4.0?


Regards

Dirk

Hi Dirk


In 4.0 we are using all the new phonegap plugins and the new cli-5.2.2, so you are all good when upgrading to 4.0.


Regards

Ole Andre 

Hi Ole Andre,


I haven't tried the above work around.

Could this be the same issue? Please see the below snapshot:


We have a busy indicator set for every ajax call and after a couple of records added to our list(locally on the device), the busy indicator shows that 'black-box' on our AutoID9 Seuic Scanner device. And sometimes it appears for 3 seconds when ever we 'open()' or 'close()' our sap.m. dialog.

 

Kind regards,

 

Mpumzi. W Mlotywa 



Hi Mpumzi


Not sure if this is the same problem. Are you running Neptune 3.1 or 4.0 ? And what Android version are the devices running ?


I have an updated config.xml you can try to use. It will build with cli-6.0.0


 

<?xml version="1.0" encoding="UTF-8" ?>
<widget xmlns="http://www.w3.org/ns/widgets" xmlns:gap="http://phonegap.com/ns/1.0" id="YOURID" versionCode="100" version="1.0.0">
<name>Neptune App</name>
<description>Neptune App</description>
<plugin name="cordova-sqlite-storage" source="npm" />
<plugin name="cordova-plugin-file-opener2" source="npm" />
<platform name="android" />
<platform name="ios" />
<platform name="winphone">
<preference name="fullscreen" value="true" />
</platform><icon src="icon.png" />
<icon src="icons/ios/icon.png" gap:platform="ios" width="57" height="57" />
<icon src="icons/ios/icon-72.png" gap:platform="ios" width="72" height="72" />
<icon src="icons/ios/icon_at_2x.png" gap:platform="ios" width="114" height="114" />
<icon src="icons/ios/icon-72_at_2x.png" gap:platform="ios" width="144" height="144" />
<icon src="icons/android/ldpi.png" gap:platform="android" gap:density="ldpi" />
<icon src="icons/android/mdpi.png" gap:platform="android" gap:density="mdpi" />
<icon src="icons/android/hdpi.png" gap:platform="android" gap:density="hdpi" />
<icon src="icons/android/xhdpi.png" gap:platform="android" gap:density="xhdpi" />
<icon src="icons/android/xxhdpi.png" gap:platform="android" gap:density="xxhdpi" />
<icon src="icons/winphone/icon.png" gap:platform="winphone" />
<icon src="icons/winphone/tileicon.png" gap:platform="winphone" gap:role="background" />
<gap:splash src="splash.png" />
<gap:splash src="splash/ios/Retina.png" gap:platform="ios" width="640" height="960" />
<gap:splash src="splash/ios/Default_Portait.png" gap:platform="ios" width="768" height="1024" />
<gap:splash src="splash/ios/Default-Landscape.png" gap:platform="ios" width="1024" height="768" />
<gap:splash src="splash/ios/Classic.png" gap:platform="ios" width="320" height="480" />
<gap:splash src="splash/ios/iPhone5.png" gap:platform="ios" width="640" height="1136" />
<gap:splash src="splash/ios/Default-Portrait_2x.png" gap:platform="ios" width="2048" height="1536" />
<gap:splash src="splash/ios/Default-Landscape_2x.png" gap:platform="ios" width="1536" height="2048" />
<gap:splash src="splash/android/ldpi.png" gap:platform="android" gap:density="ldpi" />
<gap:splash src="splash/android/mdpi.png" gap:platform="android" gap:density="mdpi" />
<gap:splash src="splash/android/hdpi.png" gap:platform="android" gap:density="hdpi" />
<gap:splash src="splash/android/xhdpi.png" gap:platform="android" gap:density="xhdpi" />
<gap:splash src="splash/android/xxhdpi.png" gap:platform="android" gap:density="xxhdpi" />
<gap:splash src="splash/winphone/splash.jpg" gap:platform="winphone" />
<plugin name="cordova-plugin-barcodescanner" source="npm" />
<preference name="phonegap-version" value="cli-6.0.0" />
<plugin name="cordova-plugin-statusbar" source="npm" />
<gap:config-file platform="ios" parent="UIStatusBarHidden"><true/></gap:config-file>
<gap:config-file platform="ios" parent="UIViewControllerBasedStatusBarAppearance"><false/></gap:config-file>
<preference name="StatusBarOverlaysWebView" value="false" />
<platform name="ios">
<preference name="SplashScreenDelay" value="1" />
</platform>
<platform name="android">
<preference name="SplashScreenDelay" value="20000" />
</platform>
<preference name="AutoHideSplashScreen" value="false" />
<preference name="FadeSplashScreen" value="false"/>
<preference name="SplashShowOnlyFirstTime" value="false" />
<preference name="SplashMaintainAspectRatio" value="true" />
<feature name="http://api.phonegap.com/1.0/battery"/>
<feature name="http://api.phonegap.com/1.0/camera"/>
<feature name="http://api.phonegap.com/1.0/contacts"/>
<feature name="http://api.phonegap.com/1.0/file"/>
<feature name="http://api.phonegap.com/1.0/geolocation"/>
<feature name="http://api.phonegap.com/1.0/media"/>
<feature name="http://api.phonegap.com/1.0/network"/>
<feature name="http://api.phonegap.com/1.0/notification"/>
<feature name="http://api.phonegap.com/1.0/device"/>
<plugin name="cordova-plugin-battery-status" source="npm" />
<plugin name="cordova-plugin-camera" source="npm" />
<plugin name="cordova-plugin-media-capture" source="npm" />
<plugin name="cordova-plugin-contacts" source="npm" />
<plugin name="cordova-plugin-device" source="npm" />
<plugin name="cordova-plugin-file" source="npm" />
<plugin name="cordova-plugin-splashscreen" source="npm" />
<plugin name="cordova-plugin-file-transfer" source="npm" />
<plugin name="cordova-plugin-geolocation" source="npm" />
<plugin name="cordova-plugin-inappbrowser" source="npm" />
<plugin name="cordova-plugin-media" source="npm" />
<plugin name="cordova-plugin-network-information" source="npm" />
<plugin name="cordova-plugin-dialogs" source="npm" />
<plugin name="cordova-plugin-vibration" source="npm" />
<plugin name="cordova-plugin-whitelist" source="npm" />
<preference name="android-build-tool" value="gradle" />
<access origin="*" subdomains="true"/>
</widget>

 


Regards

Ole Andre 

Hi Ole Andre,


I have done a build using the below config.xml which similar to the above: 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<?xml version="1.0" encoding="UTF-8" ?>
<widget xmlns="http://www.w3.org/ns/widgets" xmlns:gap="http://phonegap.com/ns/1.0" id="com.instoreapp.Dev-InStoreapp" versionCode="125" version="1.2.4">
<name>Dev-InStore App</name>
<description>In-Store Bundle Application.</description>
<plugin name="cordova-sqlite-storage" source="npm" />
<plugin name="cordova-plugin-file-opener2" source="npm" />
<platform name="android" />
<platform name="ios" />
<platform name="winphone">
<preference name="fullscreen" value="true" />
</platform><icon src="icon.png" />
<icon src="icons/ios/icon.png" gap:platform="ios" width="57" height="57" />
<icon src="icons/ios/icon-72.png" gap:platform="ios" width="72" height="72" />
<icon src="icons/ios/icon_at_2x.png" gap:platform="ios" width="114" height="114" />
<icon src="icons/ios/icon-72_at_2x.png" gap:platform="ios" width="144" height="144" />
<icon src="icons/android/ldpi.png" gap:platform="android" gap:density="ldpi" />
<icon src="icons/android/mdpi.png" gap:platform="android" gap:density="mdpi" />
<icon src="icons/android/hdpi.png" gap:platform="android" gap:density="hdpi" />
<icon src="icons/android/xhdpi.png" gap:platform="android" gap:density="xhdpi" />
<icon src="icons/android/xxhdpi.png" gap:platform="android" gap:density="xxhdpi" />
<icon src="icons/winphone/icon.png" gap:platform="winphone" />
<icon src="icons/winphone/tileicon.png" gap:platform="winphone" gap:role="background" />
<gap:splash src="splash.png" />
<gap:splash src="splash/ios/Retina.png" gap:platform="ios" width="640" height="960" />
<gap:splash src="splash/ios/Default_Portait.png" gap:platform="ios" width="768" height="1024" />
<gap:splash src="splash/ios/Default-Landscape.png" gap:platform="ios" width="1024" height="768" />
<gap:splash src="splash/ios/Classic.png" gap:platform="ios" width="320" height="480" />
<gap:splash src="splash/ios/iPhone5.png" gap:platform="ios" width="640" height="1136" />
<gap:splash src="splash/ios/Default-Portrait_2x.png" gap:platform="ios" width="2048" height="1536" />
<gap:splash src="splash/ios/Default-Landscape_2x.png" gap:platform="ios" width="1536" height="2048" />
<gap:splash src="splash/android/ldpi.png" gap:platform="android" gap:density="ldpi" />
<gap:splash src="splash/android/mdpi.png" gap:platform="android" gap:density="mdpi" />
<gap:splash src="splash/android/hdpi.png" gap:platform="android" gap:density="hdpi" />
<gap:splash src="splash/android/xhdpi.png" gap:platform="android" gap:density="xhdpi" />
<gap:splash src="splash/android/xxhdpi.png" gap:platform="android" gap:density="xxhdpi" />
<gap:splash src="splash/winphone/splash.jpg" gap:platform="winphone" />
<plugin name="cordova-plugin-barcodescanner" source="npm" />
<preference name="phonegap-version" value="cli-6.0.0" />
<plugin name="cordova-plugin-statusbar" source="npm" />
<gap:config-file platform="ios" parent="UIStatusBarHidden"><true/></gap:config-file>
<gap:config-file platform="ios" parent="UIViewControllerBasedStatusBarAppearance"><false/></gap:config-file>
<preference name="StatusBarOverlaysWebView" value="false" />
<platform name="ios">
<preference name="SplashScreenDelay" value="1" />
</platform>
<platform name="android">
<preference name="SplashScreenDelay" value="20000" />
</platform>
<preference name="AutoHideSplashScreen" value="false" />
<preference name="FadeSplashScreen" value="false"/>
<preference name="SplashShowOnlyFirstTime" value="false" />
<preference name="SplashMaintainAspectRatio" value="true" />
<preference name="useBusyIndicator" value="true"/>
<plugin name="cordova-plugin-battery-status" source="npm" />
<plugin name="cordova-plugin-camera" source="npm" />
<plugin name="cordova-plugin-media-capture" source="npm" />
<plugin name="cordova-plugin-contacts" source="npm" />
<plugin name="cordova-plugin-device" source="npm" />
<plugin name="cordova-plugin-file" source="npm" />
<plugin name="cordova-plugin-splashscreen" source="npm" />
<plugin name="cordova-plugin-file-transfer" source="npm" />
<plugin name="cordova-plugin-geolocation" source="npm" />
<plugin name="cordova-plugin-inappbrowser" source="npm" />
<plugin name="cordova-plugin-media" source="npm" />
<plugin name="cordova-plugin-network-information" source="npm" />
<plugin name="cordova-plugin-dialogs" source="npm" />
<plugin name="cordova-plugin-vibration" source="npm" />
<plugin name="cordova-plugin-whitelist" source="npm" />
<plugin name="cordova-plugin-keyboard" source="npm" />
<preference name="android-build-tool" value="gradle" />
<access origin="*" subdomains="true"/>
</widget>

 

When running the apps on the below listed devices... I noticed that viewing the app on ‘landscape’ doesn't bring the black-box on the screen(when a sap.m.busyDialog, sap.ui.core.busyIndicator, and sap.m.dialog is open/shown). But when I'm viewing the app on 'portrait' that is when I get to see the black-box on both device. And also ran the apps on a Samsung S5 & S6 I didn't get the problem.

 

We develop our apps on NAD 3.1 SP02

 

��������������


Device 1


Please see the attached video to see the app behaves on this device (the black-box is on the left of the dialogbox message area)


Device Name : Seuic

Model Number : AutoID9 (PDT-900)

Android version : 4.3


For more info please follow: 

http://www.chinaautoid.net/product_details.php?id=34



Device 2

 


Device Name : Samsung (Tablet)

Model Number : GT-P5220

Android version : 4.2.2 (Jelly Bean)


For more info please follow:

http://www.gsmarena.com/samsung_galaxy_tab_3_10_1_p5220-5491.php

mp4
Login or Signup to post a comment