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.
You have to give the spash screen for phone/tablet this way:
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/