How do make view port auto-maximize in Sencha touch 2?

Question

Possible Duplicate:
how to fullscreen a Sencha Touch 2 page on a WebKit browser?

How do you reliably make the viewport take up the entire canvas in Sencha Touch 2?

Answer 1

try this:

Ext.Viewport.init();
        Ext.create('Ext.Panel'({
            fullscreen:true})  

added to your main app file. This will work if your main view is a panel. You can also add it as a property of your app:

Ext.application({
    name: 'YourApp',
    stores: [
    ],
    controllers: [
    ],
    views: [

    ],
    viewport: {
        autoMaximize: true
    },
    launch: function(){

    }
});