From Learn About the Ext JavaScript Library

Ext Manual > Widgets > Layouts >

Ext.ContentPanel

Examples

dialog = new Ext.LayoutDialog("hello-dlg", { 
   modal:true,
   width:600,
   height:400,
   shadow:true,
   minWidth:300,
   minHeight:300,
   proxyDrag: true,
   west: {
      split:true,
      initialSize: 150,
      minSize: 100,
      maxSize: 250,
      titlebar: true,
      collapsible: true,
      animate: true
   },
   center: {
      autoScroll:true,
      tabPosition: 'top',
      closeOnTab: true,
      alwaysShowTabs: true
   }
});
var layout = dialog.getLayout();
layout.beginUpdate();
layout.add('west', new Ext.ContentPanel('west', {title: 'West'}));
layout.add('center', new Ext.ContentPanel(Ext.id(), {
   autoCreate:true, title: 'Another Tab', background:true}));
layout.endUpdate();

Links

• ContentPanel documentation
• Example code:
  • Layout Dialog Example