Add floating panel to viewport

[zehavibarak]

Hi,
I'm trying to add a floating panel to viewport (using insert()); I wish to have the panel "lose" it's floating behavior;
This worked with 2.0.1 and now it doesn't (2.1.0)
The other way around (fixed to floating) - does work;
Please advise,

[mitchellsimoens]

You need to make it non floating:

var panel = new Ext.Panel({
    centered : true,
    width    : 200,
    height   : 200,
    html     : 'Test'
});

Ext.Viewport.add({
    items : [
        {
            xtype   : 'button',
            text    : 'Insert',
            handler : function(button) {
                var cnt = button.up('container');

                panel.setCentered(false);

                cnt.add(panel);
            }
        }
    ]
});

Ext.Viewport.add(panel);

panel.show();

[zehavibarak]

More like

var panel = new Ext.Panel({ width : 200, height : 200, html : 'Test'});
Ext.Viewport.add({ items : [ { xtype : 'button', text : 'Insert', handler : function(button) { panel.showBy(this);
}}, { xtype : 'button', text : 'Insert1', handler : function(button) {
Viewport.insert(0, panel); } } ]});

Please advise

[zehavibarak]

Still not working