PDA

View Full Version : Mispainting of south region as north in viewport in IE and FF



SurajSrinivasan
20 May 2011, 2:25 AM
Please let me know if I have missed any configuration here.

I have a viewport with the 5 regions. Both my south and north are toolbars.

I have added a listener in the south toolbar to become visible when an item is added somewhere in my application.

When a label is added, the south toolbar appears on top of the north toolbar. When I resize the browser or switch to some other window and then get back to the the browser, it appears on the south region correctly.




this.vp = new Ext.Viewport({
layout : 'border',
defaults : {
collapsible : true,
split : true,
minSize : 20,
animCollapse: false,
autoScroll : true,
floatable : false
},
items : [{
region : 'north',
height : 30,
ref : 'toolbar',
xtype : 'toolbar',
items : menuItems,
split : false,
margins : '0 0 5 0',
layout : 'toolbar',
listeners : {
add : function( cont , comp , index ) {
cont.doLayout();
}
}
},{
region : 'west',
ref : 'west',
xtype : 'panel',
title : this.mainTitle,
width : 220,
minWidth : 200,
maxWidth : 400,
margins : '0 2 5 5',
layout : 'accordion',
split : false,
hidden : true,
defaults : {
animCollapse : false,
collapsible : true,
titleCollapse : false,
collapseFirst : false,
collapsed : true,
floatable : false
},
layoutConfig: {
autoWidth : false
}
},{
region : 'center',
ref : 'center',
xtype : 'panel',
margins : '0 5 5 0',
collapsible: false,
header : false,
layout : 'card',
items : [{
xtype : 'panel',
border : false,
html : ''
}]
},{
region : 'east',
ref : 'east',
xtype : 'panel',
width : 250,
margins : '0 5 5 0',
header : true,
hidden : true,
layout : 'card',
split : false,
title : '',
tools : [{
qtip : this.lblCloseWindow,
handler : function( ) {
this.east.hide();
},
scope : this
}]
},{
region : 'south',
height : 30,
ref : 'statusbar',
xtype : 'toolbar',
hidden : true,
split : false,
margins : '0 0 0 0',
listeners : {
add : function( cont , comp , index ) {
cont.show();
cont.doLayout();
}
}
}]
});