PDA

View Full Version : nested layout panel



faizur
21 Oct 2006, 3:25 PM
Hi,

I am using a NestedLayoutPanel-


layout.beginUpdate();
layout.add('north', new YAHOO.ext.ContentPanel('north', 'North'));
layout.add('south', new YAHOO.ext.ContentPanel('south', {title: 'South', closable: true}));
layout.add('west', new YAHOO.ext.ContentPanel('west', {title: 'West'}));
layout.add('east', new YAHOO.ext.ContentPanel('autoTabs', {title: 'Auto Tabs', closable: true}));

var innerLayout = new YAHOO.ext.BorderLayout('content', {
south: {
split:true,
initialSize: 200,
minSize: 100,
maxSize: 400,
autoScroll:true,
collapsible:true,
titlebar: true
},
center: {
autoScroll:true
}, titlebar:false
});

innerLayout.add('south', new YAHOO.ext.ContentPanel('inner1', "More Information"));
innerLayout.add('center', new YAHOO.ext.GridPanel(grid));

layout.add('center', new YAHOO.ext.NestedLayoutPanel(innerLayout));
layout.endUpdate();


But the problem is it shows a titlebar for the nestedlayoutpanel with text "undefined".

how can i remove the titlebar of the nestedlayoutpanel here?

jack.slocum
21 Oct 2006, 7:49 PM
center: {
autoScroll:true
}, titlebar:false <-- inside brackets?

faizur
22 Oct 2006, 9:27 AM
Hi jack,

titlebar: false is inside the brackets of BorderLayout config. But it doesn't seems to work.

Can you please look into it?

jack.slocum
22 Oct 2006, 10:20 AM
var innerLayout = new YAHOO.ext.BorderLayout('content', {
south: {
split:true,
initialSize: 200,
minSize: 100,
maxSize: 400,
autoScroll:true,
collapsible:true,
titlebar: true
},
center: {
autoScroll:true, titlebar:false
}
});


Like that?

faizur
22 Oct 2006, 11:25 AM
Yes like that.

There is no titlebar for the center. But a titlebar appears for the nestedlayoutpanel with title "undefined".

Faizur

jack.slocum
22 Oct 2006, 12:15 PM
Can you paste in your full JS including the first layout so I can take a look. Thanks.

faizur
22 Oct 2006, 12:27 PM
Hi Jack,

Sorry, It was my mistake:) I have sorted it out.

Thanks for your co-operation.

/Faizur