Icon On Home Screen Only Sort Of Working

[nmcbride]

Hello everyone. I have what is hopefully a simple issue. I am trying to get an icon for my app on my home screen on my phone. I am running android. Here are a few qualifiers to my problem:

- The kitchen sink application has an icon. After I bookmark the app and then add the bookmark to my home screen as a shortcut the icon shows no problem.
- My application has an icon on my iPad.
- I have tried both declaring only one 57x57 icon as well as declaring all four 57, 72, 114, 144.
- I have tried multiple phones.

I am using architect for this application. Since the kitchen sink application is successful in getting an icon on the home screen i made sure my app.js code had everything in the kitchen sink example. However I have to be missing something.

Here is my app.js:

/*
 * File: app.js
 *
 * This file was generated by Sencha Architect version 2.0.0.
 * http://www.sencha.com/products/architect/
 *
 * This file requires use of the Sencha Touch 2.0.x library, under independent license.
 * License of Sencha Architect does not include license for Sencha Touch 2.0.x. For more
 * details see http://www.sencha.com/license or contact license@sencha.com.
 *
 * This file will be auto-generated each and everytime you save your project.
 *
 * Do NOT hand edit this file.
 */


Ext.Loader.setConfig({
    enabled: true
});


Ext.application({
    viewport: {
        id: 'ViewportID',
        autoMaximize: true
    },


    models: [
        'CollectionsModel',
        'UsersModel'
    ],
    stores: [
        'CollectionsStore',
        'UsersStore'
    ],
    views: [
        'LogonPage',
        'NavigationPage',
        'UsersList'
    ],
    glossOnIcon: false,
    icon: {
        57: 'resources/icons/icon_57.png',
        72: 'resources/icons/icon_72.png',
        114: 'resources/icons/icon_114.png',
        144: 'resources/icons/icon_144.png'
    },
    name: 'app',
    phoneIcon: 'resources/icons/icon_57.png',
    controllers: [
        'MainController'
    ],


    launch: function() {


        Ext.create('app.view.LogonPage', {fullscreen: true});
    }


});

I know specifying the phone icon isn't necessary but I have been trying anything I could think of. I'm sure it is probably staring me in the face and really simple but I've been working on this for a few days now and am about to pull my hair out.

Thank you all for you help,

Nathan

[nmcbride]

Is there some code I need to add into the html file?

[nmcbride]

So as it turns out...

On android if your app is served on SSL where the certificate is expired or invalid for the domain, like the default one from your webhost, Android will not display the application icon. Instead you will get the default bookmark icon.