IOS issues with icons and splash screen

  • 1
  • Problem
  • Updated 4 years ago
I'm using this config.xml:

PASTEBIN

Android version have icon and splash perfectly working.

But building ipa for ios using build.phonegap.com , i'm having issue with splash screen and that "sort of favicon" that you can see in screenshot below:







Instead i've no problem with ios desktop icon:




How can fix it?

P.S: I can only build with phonegap online service, i don't have a mac. So don't ask me to use xcode etc.
Photo of Giuseppe Ronca

Giuseppe Ronca

  • 4 Posts
  • 0 Reply Likes

Posted 4 years ago

  • 1
Photo of Petra V.

Petra V., Champion

  • 7794 Posts
  • 1391 Reply Likes
Here is some feedback:

1. You have
<preference name="SplashScreen" value="splash.png" />
Accoding to the docs, this should not have an extension.

2. You have a collection of default icons:
<gap:icon src="icon.png" />
<icon src="res/icon/ios/icon.png" />
<icon src="res/icon/generic/icon.png" />

You should only use the former. See the Icons and Splashscreens section of the PGB Docs.

3. You are missing the iPad dimensions for splashes and several required icons.
See https://developer.apple.com/library/i...

4. You should remove <engine name="android" spec="~4.1.1" />

5. I can't check the paths to your icons and splashes. re you sure they match your config? And do you have the config.xml in the ROOT of your zip file?
Photo of Giuseppe Ronca

Giuseppe Ronca

  • 4 Posts
  • 0 Reply Likes
1) yes it should have : https://github.com/apache/cordova-plu...

2) No i shouldn't

i'm using it because without gap: , phonegap won't show any icon in build profile ( web site ).

i need 2 different default icon for android ( with alpha background ) ...and ios ( without alpha background ) so i need to have 1 for each platform.

3) i don't need ipad for now, i'm testing on iphone

4) ok done, but nothing changed

5) the config.xml is in the root and res folder too

You can check everything here:

repository:
https://github.com/LenusMediaGit/palm...

builds:
https://build.phonegap.com/apps/20957...
Photo of Petra V.

Petra V., Champion

  • 7794 Posts
  • 1391 Reply Likes
1. That's in the Browser quirks. Are you building for any browser, then?

2. You can have one for each platform, but according to those docs, the default icon should be icon.png and reside in the zip's root.
What you want are specific icons, using the correct dimensions.

3. Then you should exclude iPad in your preferences. Since you don't, you are building for iPad, too.

However, the main problem is that you don't have both config and index in the root of your zip, which is required.
Photo of JesseMonroy650 (Volunteer)

JesseMonroy650 (Volunteer), Champion

  • 3325 Posts
  • 122 Reply Likes
@Petra,
first time poster. Using CLI or Desktop, as you noted.

Would a blog post help this situation that we see over and over again. The blog would clearly define all four Phonegap development platforms - CLI, Build, Desktop, and IDE (although PG has minor support for IDE - most via Cordova). Opinion?

TIA
Jesse
Photo of Petra V.

Petra V., Champion

  • 7794 Posts
  • 1391 Reply Likes
Your efforts are appreciated, Jesse. But most forum visitors don't read recent threads and refuse to use the search functionality, so such blog article would go unnoticed.

The differences and the advice "both config and index in root" have been described, oh, a thousand times already. Still, tomorrow new denizens will need the same answer in yet another thread.
The fact that PGB documented a Getting Started section doesn't make a difference, either.

What would help: PG should have a section at their main website (which is all about Desktop App nowadays) with a big, red warning.
Photo of JesseMonroy650 (Volunteer)

JesseMonroy650 (Volunteer), Champion

  • 3325 Posts
  • 122 Reply Likes
What would help: PG should have a section at their main website (which is all about Desktop App nowadays) with a big, red warning.

Yes. I have also considered the same. I'll see what I can do.

Jesse
Photo of Giuseppe Ronca

Giuseppe Ronca

  • 4 Posts
  • 0 Reply Likes
Let me say that you are all failing guys...

I'm trying everything you're suggesting me but nothing explained correctly...nothing nice documented..

Prelude: I can build my app only with linux+android sdk, however i need to build it for iphone too using phonegap build service. I've an iphone to test but i ask my external partner to publish it on apple store when it is ready. So i DON'T have a MAC OS.

so, just let me list you all steps i've done:

1) before this post i've created a project with config.xml in root, and index.html under www/ ( just because phonegap build service requires it ) but i had
'' for my personal preference.

Any kind of problem on Android...but , for iphone, I've played with res folder / icon file to move all over around to be recognized by phonegap build. However only dashboard app icon is loaded, and no other.. ( first post screenshots )

2) I've tried all your suggestion @Petra but nothing works for ios...moreover putting index.html in root generates a lot of problems:
* for phonegap build service you need to move all www folder in root
* for phonegap cli , you MUST have the www/ folder with an index, otherwise build fails

In fact when i launch phonegap create myapp it creates such structure:

/
-config.xml
- www/
- - index.html
- - res/

That should be correct ...right? ( also documentation suggest it )

3) i've tried also structure suggested here:

https://github.com/wildabeast/Barcode... -- works only on online build service since cli needs www

https://github.com/phonegap/phonegap-... -- this is official phonegap start, however...hey, config.xml is not on ROOT ! and it doesn't work on cli ....

i've tried also creating a scratch new project on phonegap build ( maybe cache issues ? ) but nothing change

4) FINAL TRY: i've created a very ugly repository that has everything under www...and a clone of www under root too. You know, it doesn't work anyway.

You can see this here: https://github.com/LenusMediaGit/palm...

The documentation is very lack, and your suggestion too. Is not my fault about searching around in this forum, sorry.
Photo of Giuseppe Ronca

Giuseppe Ronca

  • 4 Posts
  • 0 Reply Likes
i'm trying another kind, not suggested , solution. I'll let you know...
Photo of Petra V.

Petra V., Champion

  • 7794 Posts
  • 1391 Reply Likes
2) I've tried all your suggestion @Petra but nothing works for ios...moreover putting index.html in root generates a lot of problems:
* for phonegap build service you need to move all www folder in root
* for phonegap cli , you MUST have the www/ folder with an index, otherwise build fails
That's silly. You should have:
- moved config into /www
- adjust the paths to icons and splashes in config
- zip up the CONTENTS of /www, not the directory itself.

And yes, it's different for CLI. So you need to take your pick or shuffle around every time.

In fact when i launch phonegap create myapp it creates such structure:
Yes, but if you are doing that, then you are completely lost, here. This is the Phonegap Build forum, the place for developers who don't install anything, and who don't do something like 'phonegap create project'.

That should be correct ...right? ( also documentation suggest it )
The Phonegap docs, yes. But here, we are using the Phonegap Build docs. You should not mix them up.
See the Docs link in the main menu bar of this forum.

Is not my fault about searching around in this forum, sorry.
You simply haven't comprehended the difference between building locally and building with Phonegap Build, that's all. Yes, you are looking in the wrong forum if you are working locally.