PDA

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



Moinsen
21 Feb 2012, 12:56 AM
Hi,

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?

Thanks!

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

Moinsen
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!

Moinsen
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;
node.doLayout();
}
}


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.