PDA

View Full Version : Panels not correct after expand



mitchellsimoens
5 Jun 2010, 3:08 PM
I have a viewport with a west and a center region. On the west region I have hideCollapseTool: true because I want to programmatically collapse/expand the panel. I can do this no problem but there something wrong.

I have attached 3 screenshots. First screen shot shows the initial state, no biggie.

Second screen shot shows the collapsed state, no biggie again.

On the third screen shot, it'll show what happens when I expand the panel. The west region will animate out but the center region stays the same width and the west region will just expand on top of the center region and the collapsed div remains visible.

The am using everything stock except I have changed the width of the SplitBar via:


.x-layout-split {
width: 50px;
}

Here is my viewport, pretty stock:


new Ext.Viewport({
layout: "border",
items: [{
region : "west",
id : "westRegion",
hideCollapseTool : true,
collapsible : true,
width : 200,
autoScroll : true,
split : true,
html : "I'm the west region"
},{
region : "center",
id : "centerRegion",
html : "I'm the center region"
}]
});

And of course I execute this:


Ext.getCmp("westRegion").toggleCollapse();

This all works fine if I show the collapse tool and click it.

mitchellsimoens
5 Jun 2010, 7:36 PM
works fine if you have collapseMode: "mini"