Question

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!

Answer 1

This works for me in 2.0.0:

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