View Full Version : collapsed Panel - vertical Titel - not shown

21 Feb 2012, 12:56 AM

i have a Viewport with a Border Layout. The center Panel has a vbox-Layout. It contains 4 collapsable Panels. If i collaps them the vertical Titel is not shown properly. It looks a bit currupted. If i afterwards resize the viewport the vertical Titels are displayed correctly.

Any ideas or a workaround?


21 Feb 2012, 6:09 AM
What version are you seeing this on?

21 Feb 2012, 11:55 PM
It's in 4.07 and also in 4.1b2! Sorry my fault the layout is:

layout: {
type: 'hbox',
align: 'stretch'

So the panels are displayed side by side. The panels are collapsed with collapse(DIRECTION_LEFT).

Thank you!

28 Feb 2012, 3:23 AM
No answer?!

I tried to get these nice collapsed titel bar with doLayout in collapse and beforecollapse listeners.

collapse: {
fn: function( p, eOpts ){
var cmp = Ext.getCmp('main-form');
cmp.needsLayout = true;
//cmp.height = cmp.height-1;
cmp.forceComponentLayout( );
p.needsLayout = true;
p.doLayout( );
beforecollapse: {
fn: function(node, event){
node.collapsed = true;

But no success! I tried also all configs in the panel. Is there a way to draw manually the collapsed panel or to force to draw them? To me it looks like that there is a miscalculation in the height. If you change the height by resizeing the browser/viewport the collapsed panels appear immediately.