PDA

View Full Version : Border Layout Collapsed Panel Vertical Title not showing 4.1.3



fily55
10 Jan 2013, 8:38 AM
Hey all,

I seem to have run into a bit of a problem. I have a container as follows:



mainContainer = Ext.create("Ext.container.Container", {
height : 600,
layout : "border",
defaults: {
collapsible : true,
split : true
},
items : [top, bottom ]
});

The top is just an ordinary panel with region "north".
The bottom is as follows:


bottom: function() {
var me = this,
panel = Ext.create("Ext.container.Container",{
titleAlign : "center",
region : "center",
layout : "border",
defaults: {
split : true
},
flex : 1,
items : [{
xtype : "panel",
title : "Info",
region : "west",
flex : 1,
collapsible : true,
collapsed : true
},{
xtype : "panel",
title : "General",
region : "center",
flex : 4
}]
});

return panel;

},


The problem here is that the panel in west ("Info") doesn't show the title when it is collapsed.

Has anyone else encountered this? I might have something wrong here too.

mitchellsimoens
13 Jan 2013, 9:00 AM
This simple test case works for me with 4.1.3 on chrome.


new Ext.container.Viewport({
layout : 'border',
items : [
{
region : 'north',
height : 200,
html : 'North Region'
},
{
region : 'center',
layout : 'border',
items : [
{
region : 'center',
title : 'Center'
},
{
region : 'west',
title : 'West',
width : 200,
collapsible : true
}
]
}
]
});

fily55
14 Jan 2013, 6:58 AM
Weird... That exact same code does not work for me on Chrome/Firefox.

When using ext 4.1.0 it works perfectly. The problem is with 4.1.0 I have a problem where the scroll speed in my grids are ridiculously slow.

fily55
22 Jan 2013, 11:20 AM
Sorry to bump this, but I'm still having the same problem.

Thanks,