View Full Version : nested layout in a dialog - HOW?

23 Mar 2007, 11:07 PM
Howdy All-

Would anyone know how to do a nested layout in a dialog?

In a regular layout, one just define the nested part in a variable (in this case called innerCenterLayout):

var innerCenterLayout = new Ext.BorderLayout('center_south', {

south: {
initialSize: 202,
minSize: 175,autoScroll: true,
maxSize: 400,
titlebar: true,
collapsible: true,
animate: true

center: {
titlebar: true,
autoScroll: true,
tabPosition: 'top',
closeOnTab: true

innerCenterLayout.add('south', new Ext.ContentPanel('inner5', "Contact Details" ));
innerCenterLayout.add('center', new Ext.ContentPanel('inner6', "Contact Listings", {autoCreate : true, fitToFrame:true}));

and stick in the container - in this case innerLayout

innerLayout.add('center', new Ext.NestedLayoutPanel(innerCenterLayout));

But how do I apply this in a dialog? Do I have to manually create some invisible DIVs like inner5 and inner6 for the nested dialog as opposed in the Chooser example - where all things are created using scripts? ( http://www.yui-ext.com/deploy/ext-1.0-alpha3/examples/view/chooser.html )

HELP!?! :( Thanks so much...

23 Mar 2007, 11:18 PM
Use a LayoutDialog, and a NestedLayoutPanel