changing the background color of sencha touch panel

extjs, touch

Solution

This works for me in 2.0.0:

Ext.application({
    launch : function() {
        Ext.Viewport.add([{
            xtype: 'panel',
            style: 'background-color:#F00'
        }]);
    }
});

Problem

I am trying to change background color of panel. Please see the code: ``` panel: { centered: true, width: 200, height: 150, style: 'background-color: red', fullscreen: false, hidden: true, zIndex: 10, } ``` but style: 'background-color: red' statement doesn't fulfill my requirements. it changes the color of panel border only not complete panel background color. please suggest for the same. thanks!

Original source