Creating a splash screen in Sencha Touch for different mobile devices resolutions

Question

I am using sencha touch 1.1, and the application has to be portable across multiple mobile platforms such as android, iPhone, iPad and blackberry. I need to have splash screen at start up, and I am using the body background property to get the splash screen done.

<body bgcolor="0000" style="background-image: url('images/background.png');"></body>

I used this code in my app:

onReady: function() {
        var panel = new Ext.Panel({
            fullscreen : true,
            html : "Start Up Screen Test"
        });
    }

But it doesn't work. Please help me do this for devices with multiple resolutions and in a generic way.

score 1 · Answer 1 · answered Nov 04 '11 at 14:40

1

You have to give the spash screen for phone/tablet this way:

Ext.regApplication('App', {

    icon: 'public/resources/images/Icon.png',

    tabletStartupScreen: 'public/resources/images/tabletImage.png',

    phoneStartupScreen: 'public/resources/images/phoneImage.png',

    glossOnIcon: true,

    fullscreen: true,

    launch: function() {
    }
});

answered Nov 04 '11 at 14:40

Swar

5,473
3
31
43

how could we manage with the blackberry mobiles. we have different resolutions. how could we fix that. – Nilanchala Nov 04 '11 at 15:01
This doesn't work on iOS. The Icon gets displayed, but not the splash screen. – Sharon Watinsan Jul 21 '13 at 07:58

score 1 · Accepted Answer · answered Jan 16 '12 at 03:13

1

This will help you to get through to your answers. Different image with resolutions for different size screens of blackberry. http://www.sencha.com/learn/how-to-use-src-sencha-io/

answered Jan 16 '12 at 03:13

Blakdronzer

300
3
13

Creating a splash screen in Sencha Touch for different mobile devices resolutions

2 Answers2

Linked