15 Replies Latest reply on Sep 20, 2016 3:56 AM by nileshg93492880

    IOS Application not showing my custom Icon/Launch Image

    nileshg93492880 Level 1

      My IOS application is created with phonegap build which was not showing its Icon/Launch Image.

      I have include icon image in res/icon/ios folder with size 57*57, 114*114, 40*40, 80*80, 120*120, 50*50, 100*100, 60*60, 120*120, 180*180, 72*72, 144*144, 76*76, 152*152, 29*29, 58*58, 87*87 .And Config file having path to icon image is

       

      <icon src="icon.png"/>

        <platform name="ios">

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

          <icon src="res/icon/ios/icon-small@3x.png"  width="87" height="87"/>

          <icon height="87" src="res/icon/ios/icon-87.png" width="87" />

          <icon height="58" src="res/icon/ios/icon-58.png" width="58" />

        </platform>

      My www folder structure is

      and res/icon/ios structure is

       

       

      But Ios build version completely ignored this icon images.

      I create ipa file  with build.phonegap.com , and to check icon image , I extract this ipa file , then get file structure like Payload/ShreeMedical.app contaning various size AppIcon and LaunchImages and but all are black image not my icon image.

      Untitled.png

      >How to solve this problem, Your reply is appreciable.

      >Tkank You.

        • 1. Re: IOS Application not showing my custom Icon/Launch Image
          VectorP Level 4

          What do you have in that /assets directory?

          Perhaps another index.html file, somewhere? Or another config.xml?

          • 2. Re: IOS Application not showing my custom Icon/Launch Image
            nileshg93492880 Level 1

            asset include my js and css file

            • 3. Re: IOS Application not showing my custom Icon/Launch Image
              VectorP Level 4

              Are you sure your icons are indeed .png files (not another file type, merely renamed to .png)?

              Did you include the splashscreen plugin from npm in your config?

              • 4. Re: IOS Application not showing my custom Icon/Launch Image
                nileshg93492880 Level 1

                Yes All images are .png

                and config file code are

                 

                <name>Shree Medical</name>

                  <description>Place an Order specialized App</description>

                  <author href="http://goyalonline.com" email="yashaswi@goyalonline.com">Yashaswi Narkhedkar</author>

                  <content src="index.html"/>

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

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

                  <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="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="com.phonegap.plugins.pushplugin"  />-->

                  <plugin name="cordova-plugin-battery-status" source="npm" spec="~1.1.1"/>

                  <plugin name="cordova-plugin-camera" source="npm" spec="~2.1.1"/>

                  <plugin name="cordova-plugin-media-capture" source="npm" spec="~1.2.0"/>

                  <plugin name="cordova-plugin-console" source="npm" spec="~1.0.2"/>

                  <plugin name="cordova-plugin-contacts" source="npm" spec="~2.0.1"/>

                  <plugin name="cordova-plugin-device" source="npm" spec="~1.1.1"/>

                  <plugin name="cordova-plugin-device-motion" source="npm" spec="~1.2.0"/>

                  <plugin name="cordova-plugin-device-orientation" source="npm" spec="~1.0.2"/>

                  <plugin name="cordova-plugin-dialogs" source="npm" spec="~1.2.0"/>

                  <plugin name="cordova-plugin-file" source="npm" spec="~4.1.1"/>

                  <plugin name="cordova-plugin-file-transfer" source="npm" spec="~1.5.0"/>

                  <plugin name="cordova-plugin-geolocation" source="npm" spec="~2.1.0"/>

                  <plugin name="cordova-plugin-globalization" source="npm" spec="~1.0.3"/>

                  <plugin name="cordova-plugin-inappbrowser" source="npm" spec="~1.3.0"/>

                  <plugin name="cordova-plugin-media" source="npm" spec="~2.2.0"/>

                  <plugin name="cordova-plugin-network-information" source="npm" spec="~1.2.0"/>

                  <plugin name="cordova-plugin-splashscreen" source="npm" spec="~3.2.1"/>

                  <plugin name="cordova-plugin-statusbar" source="npm" spec="~2.1.2"/>

                  <plugin name="cordova-plugin-vibration" source="npm" spec="~2.1.0"/>

                  <plugin name="cordova-plugin-whitelist" source="npm" spec="~1.2.1"/>

                 

                  <icon src="icon.png"/>

                 

                 

                  <platform name="ios">

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

                    <icon src="res/icon/ios/icon-small@3x.png"  width="87" height="87"/>

                    <icon height="87" src="res/icon/ios/icon-87.png" width="87" />

                    <icon height="58" src="res/icon/ios/icon-58.png" width="58" />

                  </platform>

                 

                  <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>

                 

                  <Capabilities>

                    <Capability Name="ID_CAP_IDENTITY_DEVICE" />

                    <Capability Name="ID_CAP_IDENTITY_USER" />

                    <Capability Name="ID_CAP_LOCATION" />

                    <Capability Name="ID_CAP_NETWORKING" />

                    <Capability Name="ID_CAP_WEBBROWSERCOMPONENT" />

                  </Capabilities>

                </widget>

                • 5. Re: IOS Application not showing my custom Icon/Launch Image
                  VectorP Level 4

                  I have only two suggestions, but neither one may be related:

                  1. For many plugins, you are pinning an older version. Did you do that on purpose? For instance, the splashscreen plugin has had a major update.

                  2. Please remove the Capabilities element (and child elements), since PGB will at best ignore that (and worse case not consider any config change).

                   

                  One more question: did you recently change your config and do you have Hydration switched on?

                  • 6. Re: IOS Application not showing my custom Icon/Launch Image
                    VectorP Level 4

                    Oh, and one more question: do you use any transparency in your icons/splashes?

                    If so, what happens if you changed one icon to non-transparent for test purposes?

                    • 7. Re: IOS Application not showing my custom Icon/Launch Image
                      nileshg93492880 Level 1

                      Thanks for your reply

                      I follow your suggestion

                      1. The config file code is just copy paste from google, so that I removed all version from plugin

                      2. And also remove the Capabilities element.

                       

                      And yes I change the code of config file for icon testing, I am trying all kind of small changes in config file from google.

                      Hydration option is switched off. But now I turn into on and test this changes but no luck. Images is still black screen

                       

                       

                       

                      • 8. Re: IOS Application not showing my custom Icon/Launch Image
                        nileshg93492880 Level 1

                        No, image is not transperant , I create this image with help of paint option.

                        • 9. Re: IOS Application not showing my custom Icon/Launch Image
                          VectorP Level 4

                          1. You should not have Hydration switched on when making config changes. Leave it switched off.

                          2. You wrote "I am trying all kind of small changes in config file from google"

                          Why from Google? You should read and apply the official PGB Docs and the Apple Docs.

                          3. Are you sure the images don't just appear black in your image viewer? What do they look like on you real test devices?

                          Perhaps you could put several icon files online somewhere, so forum participants could have a look to see if they are really correct.

                          4. What is 'the paint option'?

                          • 10. Re: IOS Application not showing my custom Icon/Launch Image
                            nileshg93492880 Level 1

                            Image is black when I select this image

                            Untitled.png

                            And when open it is blank.

                            My original image is icon.png

                            Yes I am reading PGB docs and apply same,

                            Paint is Microsoft Paint

                            • 11. Re: IOS Application not showing my custom Icon/Launch Image
                              nileshg93492880 Level 1

                              application is availble on App store, Name: Shree Medical.

                              • 12. Re: IOS Application not showing my custom Icon/Launch Image
                                VectorP Level 4

                                That image is specified as 29*29 pixels, while in reality it is 57*57.

                                • 13. Re: IOS Application not showing my custom Icon/Launch Image
                                  nileshg93492880 Level 1

                                  Actually 29*29 image is not present in my www folder. If you are talking about above screenshot, I get this images by exctracting ipa file which was generated phonegap build..

                                  And how you find that this image is 57*57 not 29*29, I check this image in Microsoft office picture Manager, it's size is null.

                                  • 14. Re: IOS Application not showing my custom Icon/Launch Image
                                    VectorP Level 4

                                    Actually 29*29 image is not present in my www folder.

                                    It's named AppIcon29x29.png in your screenshot. If you didn't include it, PGB did. PGB includes missing icons, which always have the Phonegap logo. This makes me think that your Paint software doesn't show the real image.

                                     

                                    And how you find that this image is 57*57 not 29*29

                                    I opened it in several real graphics software programs, like Photoshop; Irfanview and Paint Shop Pro. They indicate 57x57.

                                     

                                    it's size is null.

                                    Not according to your screenshot. It shows 1,97KB

                                     

                                    Allow me to repeat: What do they look like on you real test devices?

                                    • 15. Re: IOS Application not showing my custom Icon/Launch Image
                                      nileshg93492880 Level 1

                                      Actully I don't have IOS phone now,

                                      But it view like this, when i Install App, the app icon/ like thisimages.jpg