- 4 Posts
- 0 Reply Likes
Posted 4 years ago
Petra V., Champion
- 7794 Posts
- 1391 Reply Likes
- 4 Posts
- 0 Reply Likes
I have this line in my config.xml. Do I need something else?
<gap:plugin name="com.phonegap.plugin.statusbar" />Petra V., Champion
- 7794 Posts
- 1391 Reply Likes
You should not use the old, deprecated plugins from the pgb repo. Use the latest version of the plugins from npm.
See the PGB docs, Plugins section, and the Blog article from Sept, 2015
See the PGB docs, Plugins section, and the Blog article from Sept, 2015
JesseMonroy650 (Volunteer), Champion
- 3325 Posts
- 122 Reply Likes
@Petra,
FWIW: those old deprecated plugins are are coming from some old
version of "hello world". See if you can find out where they get them
from. I have not been able to find them. If you do, i'll get the
author to take it down, update it or put up a deprecated notice.
Jesse
FWIW: those old deprecated plugins are are coming from some old
version of "hello world". See if you can find out where they get them
from. I have not been able to find them. If you do, i'll get the
author to take it down, update it or put up a deprecated notice.
Jesse
Petra V., Champion
- 7794 Posts
- 1391 Reply Likes
They are from the default Phonegap installation AND they live in various Github repo's. For the latter, google "github phonegap helloworld"
Although Phonegap has revamped their Docs page (everything is based on the Desktop Dev App, now - *sigh*) the old templates are still around everywhere.
Although Phonegap has revamped their Docs page (everything is based on the Desktop Dev App, now - *sigh*) the old templates are still around everywhere.
JesseMonroy650 (Volunteer), Champion
- 3325 Posts
- 122 Reply Likes
Alright I'll try to knock them out over the next few weeks. I will start once my regular laptop is working. Still on my backup.
Jesse
Jesse
- 4 Posts
- 0 Reply Likes
I switched that line of code but it's still not working for some people. Here's my config.xml. This is my first PhoneGap app, so I apologize for my ignorance and I just used a template I found somewhere. Is there any easy fix for this or do I need to find an updated version somewhere? Thanks for all your help!
<widget xmlns="http://www.w3.org/ns/widgets" xmlns:gap="http://phonegap.com/ns/1.0" id="com.test.test" version="1.10.5">
<name>XXX</name>
<description>Rules</description>
<author href="http://usagym.org" email="xxx@xxx.org">XXX</author>
<content src="index.html"/>
<preference name="permissions" value="none"/>
<preference name="orientation" value="default"/>
<preference name="target-device" value="universal"/>
<preference name="fullscreen" value="false"/>
<preference name="webviewbounce" value="true"/>
<preference name="prerendered-icon" value="true"/>
<preference name="stay-in-webview" value="false"/>
<preference name="StatusBarOverlaysWebView" value="false"/>
<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="true"/>
<preference name="auto-hide-splash-screen" value="true"/>
<preference name="disable-cursor" value="false"/>
<preference name="android-minSdkVersion" value="14"/>
<preference name="android-installLocation" value="auto"/>
<gap:plugin name="org.apache.cordova.battery-status"/>
<gap:plugin name="org.apache.cordova.camera"/>
<gap:plugin name="org.apache.cordova.media-capture"/>
<gap:plugin name="org.apache.cordova.console"/>
<gap:plugin name="org.apache.cordova.contacts"/>
<gap:plugin name="org.apache.cordova.device"/>
<gap:plugin name="org.apache.cordova.device-motion"/>
<gap:plugin name="org.apache.cordova.device-orientation"/>
<gap:plugin name="org.apache.cordova.dialogs"/>
<gap:plugin name="org.apache.cordova.file"/>
<gap:plugin name="org.apache.cordova.file-transfer"/>
<gap:plugin name="org.apache.cordova.geolocation"/>
<gap:plugin name="org.apache.cordova.globalization"/>
<gap:plugin name="org.apache.cordova.inappbrowser"/>
<gap:plugin name="org.apache.cordova.media"/>
<gap:plugin name="org.apache.cordova.network-information"/>
<gap:plugin name="org.apache.cordova.splashscreen"/>
<gap:plugin name="org.apache.cordova.vibration"/>
<plugin name="com.phonegap.plugin.statusbar" spec="1.1.0" source="pgb" />
<icon src="icon.png"/>
<icon src="www/res/icon/android/icon-36-ldpi.png" gap:platform="android" gap:qualifier="ldpi"/>
<icon src="www/res/icon/android/icon-48-mdpi.png" gap:platform="android" gap:qualifier="mdpi"/>
<icon src="www/res/icon/android/icon-72-hdpi.png" gap:platform="android" gap:qualifier="hdpi"/>
<icon src="www/res/icon/android/icon-96-xhdpi.png" gap:platform="android" gap:qualifier="xhdpi"/>
<icon src="www/res/icon/blackberry/icon-80.png" gap:platform="blackberry"/>
<icon src="www/res/icon/blackberry/icon-80.png" gap:platform="blackberry" gap:state="hover"/>
<!-- iPhone 6 / 6+ -->
<icon src="icons/icon-60@3x.png" platform="ios" width="180" height="180" />
<!-- iPhone / iPod Touch -->
<icon src="icons/icon-60.png" platform="ios" width="60" height="60" />
<icon src="icons/icon-60@2x.png" platform="ios" width="120" height="120" />
<!-- iPad -->
<icon src="icons/icon-76.png" platform="ios" width="76" height="76" />
<icon src="icons/icon-76@2x.png" platform="ios" width="152" height="152" />
<!-- Settings Icon -->
<icon src="icons/icon-small.png" platform="ios" width="29" height="29" />
<icon src="icons/icon-small@2x.png" platform="ios" width="58" height="58" />
<!-- Spotlight Icon -->
<icon src="icons/icon-40.png" platform="ios" width="40" height="40" />
<icon src="icons/icon-40@2x.png" platform="ios" width="80" height="80" />
<icon src="icons/icon_57.png" gap:platform="ios" width="57" height="57"/>
<icon src="icons/icon_72.png" gap:platform="ios" width="72" height="72"/>
<icon src="icons/icon_114.png" gap:platform="ios" width="114" height="114"/>
<icon src="icons/icon_144.png" gap:platform="ios" width="144" height="144"/>
<icon src="www/res/icon/webos/icon-64.png" gap:platform="webos"/>
<icon src="www/res/icon/windows-phone/icon-48.png" gap:platform="winphone"/>
<icon src="www/res/icon/windows-phone/icon-173-tile.png" gap:platform="winphone" gap:role="background"/>
<gap:splash src="www/res/screen/android/screen-ldpi-portrait.png" gap:platform="android" gap:qualifier="port-ldpi"/>
<gap:splash src="www/res/screen/android/screen-mdpi-portrait.png" gap:platform="android" gap:qualifier="port-mdpi"/>
<gap:splash src="www/res/screen/android/screen-hdpi-portrait.png" gap:platform="android" gap:qualifier="port-hdpi"/>
<gap:splash src="www/res/screen/android/screen-xhdpi-portrait.png" gap:platform="android" gap:qualifier="port-xhdpi"/>
<gap:splash src="www/res/screen/blackberry/screen-225.png" gap:platform="blackberry"/>
<!-- iPhone and iPod touch -->
<splash src="splash/Default.png" platform="ios" width="320" height="480" />
<splash src="splash/Default@2x.png" platform="ios" width="640" height="960" />
<!-- iPhone 5 / iPod Touch (5th Generation) -->
<splash src="splash/Default-568h@2x.png" platform="ios" width="640" height="1136" />
<!-- iPhone 6 -->
<splash src="splash/Default-667h@2x.png" platform="ios" width="750" height="1334" />
<splash src="splash/Default-Portrait-736h@3x.png" platform="ios" width="1242" height="2208" />
<splash src="splash/Default-Landscape-736h@3x.png" platform="ios" width="2208" height="1242" />
<!-- iPad -->
<splash src="splash/Default-Portrait.png" platform="ios" width="768" height="1024" />
<splash src="splash/Default-Landscape.png" platform="ios" width="1024" height="768" />
<!-- Retina iPad -->
<splash src="splash/Default-Portrait@2x.png" platform="ios" width="1536" height="2048" />
<splash src="splash/Default-Landscape@2x.png" platform="ios" width="2048" height="1536" />
<gap:splash src="www/res/screen/windows-phone/screen-portrait.jpg" gap:platform="winphone"/>
<access origin="*"/>
<plugin name="cordova-plugin-whitelist" version="1"/>
<allow-intent href="http://*/*"/>
<allow-intent href="https://*/*"/>
<allow-intent href="tel:*"/>
<allow-intent href="sms:*"/>
<allow-intent href="mailto:*"/>
<allow-intent href="geo:*"/>
<gap:platform name="ios" />
<gap:platform name="android" />
<gap:platform name="winphone" />
<platform name="android">
<allow-intent href="market:*"/>
</platform>
<platform name="ios">
<allow-intent href="itms:*"/>
<allow-intent href="itms-apps:*"/>
</platform>
</widget>Petra V., Champion
- 7794 Posts
- 1391 Reply Likes
Here is some feedback.
Frankly, it's a bit of a mess, I'm afraid.
1. You are still using the old, deprecated plugin from pgb. Use cordova-plugin-statusbar from npm, instead.
That would be:
2. You should replace all other plugins (do you really need them all??) by the latest versions of the plugins from npm, too.
3. Since you already include the file-transfer plugin, you don't need the file plugin. The latter is included in the former
4. Because your icon/splash paths start with 'www/', I wonder if your directory structure is compatible for PGB.
Do you have both config.xml and index.html in the root ("/") of your zip file, and not in some subdirectory (like /www)?
5. You are missing the larger icons for Android: xxhdpi and xxxhdpi
6. I am not quite sure why you included blackberry assets? Are you in fact building with Phonegap Build (which doesn't build for Blackberry)?
7. For iOS, you have a couple of landscape splashes. For Android, you have none. Is that really what you wanted to specify? I recommend you check everything and add the necessary splashes, OR refrain from having this app in both orientations.
8. You have
but that version doesn't exist.
Remove the version attribute.
Frankly, it's a bit of a mess, I'm afraid.
1. You are still using the old, deprecated plugin from pgb. Use cordova-plugin-statusbar from npm, instead.
That would be:
<plugin name="cordova-plugin-statusbar" />
2. You should replace all other plugins (do you really need them all??) by the latest versions of the plugins from npm, too.
3. Since you already include the file-transfer plugin, you don't need the file plugin. The latter is included in the former
4. Because your icon/splash paths start with 'www/', I wonder if your directory structure is compatible for PGB.
Do you have both config.xml and index.html in the root ("/") of your zip file, and not in some subdirectory (like /www)?
5. You are missing the larger icons for Android: xxhdpi and xxxhdpi
6. I am not quite sure why you included blackberry assets? Are you in fact building with Phonegap Build (which doesn't build for Blackberry)?
7. For iOS, you have a couple of landscape splashes. For Android, you have none. Is that really what you wanted to specify? I recommend you check everything and add the necessary splashes, OR refrain from having this app in both orientations.
8. You have
<plugin name="cordova-plugin-whitelist" version="1"/>
but that version doesn't exist.
Remove the version attribute.
- 4 Posts
- 0 Reply Likes
Thanks so much for your help. This is all new to me and I was trying to pull things together from various tutorials out there on the web.
I tried to get rid of everything that seemed unneccessary and the app is displaying mostly correctly - I am just having one issue with the status bar now. Any guesses? Here's what it looks like:
And here is the code:
I tried to get rid of everything that seemed unneccessary and the app is displaying mostly correctly - I am just having one issue with the status bar now. Any guesses? Here's what it looks like:
And here is the code:
<widget xmlns="http://www.w3.org/ns/widgets" xmlns:gap="http://phonegap.com/ns/1.0" id="xxx" version="1.10.8">
<name>xxx</name>
<description>xxx</description>
<author href="xxx" email="xxx">xxx</author>
<content src="index.html"/>
<plugin name="cordova-plugin-splashscreen"/>
<plugin name="cordova-plugin-statusbar" />
<preference name="permissions" value="none"/>
<preference name="orientation" value="default"/>
<preference name="target-device" value="universal"/>
<preference name="fullscreen" value="false"/>
<preference name="webviewbounce" value="true"/>
<preference name="prerendered-icon" value="true"/>
<preference name="stay-in-webview" value="false"/>
<preference name="StatusBarOverlaysWebView" value="false"/>
<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="true"/>
<preference name="auto-hide-splash-screen" value="true"/>
<preference name="disable-cursor" value="false"/>
<preference name="android-minSdkVersion" value="14"/>
<preference name="android-installLocation" value="auto"/>
<icon src="icon.png"/>
<!-- iPhone 6 / 6+ -->
<icon src="icons/icon-60@3x.png" platform="ios" width="180" height="180" />
<!-- iPhone / iPod Touch -->
<icon src="icons/icon-60.png" platform="ios" width="60" height="60" />
<icon src="icons/icon-60@2x.png" platform="ios" width="120" height="120" />
<!-- iPad -->
<icon src="icons/icon-76.png" platform="ios" width="76" height="76" />
<icon src="icons/icon-76@2x.png" platform="ios" width="152" height="152" />
<!-- Settings Icon -->
<icon src="icons/icon-small.png" platform="ios" width="29" height="29" />
<icon src="icons/icon-small@2x.png" platform="ios" width="58" height="58" />
<!-- Spotlight Icon -->
<icon src="icons/icon-40.png" platform="ios" width="40" height="40" />
<icon src="icons/icon-40@2x.png" platform="ios" width="80" height="80" />
<icon src="icons/icon_57.png" gap:platform="ios" width="57" height="57"/>
<icon src="icons/icon_72.png" gap:platform="ios" width="72" height="72"/>
<icon src="icons/icon_114.png" gap:platform="ios" width="114" height="114"/>
<icon src="icons/icon_144.png" gap:platform="ios" width="144" height="144"/>
<!-- iPhone and iPod touch -->
<splash src="splash/Default.png" platform="ios" width="320" height="480" />
<splash src="splash/Default@2x.png" platform="ios" width="640" height="960" />
<!-- iPhone 5 / iPod Touch (5th Generation) -->
<splash src="splash/Default-568h@2x.png" platform="ios" width="640" height="1136" />
<!-- iPhone 6 -->
<splash src="splash/Default-667h@2x.png" platform="ios" width="750" height="1334" />
<splash src="splash/Default-Portrait-736h@3x.png" platform="ios" width="1242" height="2208" />
<splash src="splash/Default-Landscape-736h@3x.png" platform="ios" width="2208" height="1242" />
<!-- iPad -->
<splash src="splash/Default-Portrait.png" platform="ios" width="768" height="1024" />
<splash src="splash/Default-Landscape.png" platform="ios" width="1024" height="768" />
<!-- Retina iPad -->
<splash src="splash/Default-Portrait@2x.png" platform="ios" width="1536" height="2048" />
<splash src="splash/Default-Landscape@2x.png" platform="ios" width="2048" height="1536" />
<access origin="*"/>
<plugin name="cordova-plugin-whitelist"/>
<allow-intent href="http://*/*"/>
<allow-intent href="https://*/*"/>
<allow-intent href="tel:*"/>
<allow-intent href="sms:*"/>
<allow-intent href="mailto:*"/>
<allow-intent href="geo:*"/>
<gap:platform name="ios" />
<gap:platform name="android" />
<gap:platform name="winphone" />
<platform name="android">
<allow-intent href="market:*"/>
</platform>
<platform name="ios">
<allow-intent href="itms:*"/>
<allow-intent href="itms-apps:*"/>
</platform>
</widget>Petra V., Champion
- 7794 Posts
- 1391 Reply Likes
Nothing wrong with your config. The problem could be with your CSS or your meta/viewport specification.
Related Categories
-
PhoneGap Build
- 15111 Conversations
- 275 Followers


