PDA

View Full Version : children of default collapsed panel didn't render



Strati
3 Nov 2009, 6:56 AM
hello!

I had a panel, which was the east panel of the layout, default collapsed.
if it opened by clicking on the bar, not the button, in ext 2, the child tabpanel rendered correctly.
after upgrading ext to 3, it broke.
if i expand the panel with the expand panel, it renders correctly, and after it the slideOut works too.
slideOut before expanding doesn't

on a video:
http://screencast.com/t/ykYlEjP4fFX

do anyone faced this problem?

Condor
3 Nov 2009, 7:23 AM
You could set the east panel to forceLayout:true.

Strati
3 Nov 2009, 7:35 AM
unfortunately it didn't help :(

I figured out that if the panel isn't inside a tabpanel, then it's rendered correctly
but it must be in that tabpanel :)

Strati
3 Nov 2009, 8:06 AM
here's the code that works correctly:


var bulletinTab = new Ext.Panel({
title: 'Messages',
forceLayout:true,
items: bulletinTabItems,
region: 'east',
collapsible: true,
collapsed: true
});

Layout = new Ext.Viewport({
layout:'border',
forceLayout: true,
items:[
{
region: 'center',
title: 'Chaos'
},
bulletinTab
]
});

and with this one the contents of the tab doesn't correct:


var bulletinTab = new Ext.Panel({
title: 'Messages',
forceLayout:true,
items: bulletinTabItems
});

var messagesPanel = new Ext.TabPanel({
title: 'MessagesTab',
forceLayout: true,
items: [ bulletinTab ],
activeTab: 0,
width: 350,
region: 'east',
collapsible: true,
collapsed: true
})

Layout = new Ext.Viewport({
layout:'border',
forceLayout: true,
items:[
{
region: 'center',
title: 'Chaos'
},
messagesPanel
]
});

I added forceLayout: true everywhere :)

Strati
4 Nov 2009, 5:11 AM
any ideas? :-?

Condor
4 Nov 2009, 7:00 AM
I tried this, but I couldn't get it to fail (even without forceLayout:true).

Can you post your 'bulletinTabItems' config?

ps. There is one problem with your layout:
You can't make a tabpanel collapsible (because the header is used for the tabs and can't correctly display the collapse tool). You'll need to wrap your tabpanel inside another panel.