$login = new Ext_form_FormPanel($formpanelcfg->labelWidth(80)->frame(true)->title('Please Login')->width(230)->defaultType('textfield')->monitorValid(true)->buttons($loginbuttons)->items($loginitems)); $wincfg = new Ext_Window_Config(); $jswin = new Ext_Window($wincfg->layout('fit')->width(300)->height(150)->closable(false)->resizable(false)->plain(true)->items($login)); $win = new JsVariable('win', $jswin); $win->show(); $cfg = new Ext_Panel_Config(); $tabactions = new Ext_Panel($cfg->frame(true)->title('Actions')->collapsible(true)->contentEl('actions')->titleCollapse(true)); $cfg = new Ext_Panel_Config(); $actionpanel = new Ext_Panel($cfg->id('action-panel')->collapsible(true)->width(340)->border(false)->baseCls('x-plain')->items($tabactions)->associate('region', 'west')->associate('split', true)->associate('collapseMode', 'mini')->associate('minWidth', 150)); $cfg = new Ext_TabPanel_Config(); $jstabpanel = new Ext_TabPanel($cfg->deferredRender(false)->autoScroll(true)->activeTab(0)->items(array(array('id' => 'tab1', 'contentEl' => 'tabs', 'title' => 'Button', 'closable' => false, 'autoScroll' => true), array('id' => 'tab2', 'contentEl' => 'tabs', 'title' => 'Grid Panel', 'closable' => false, 'autoScroll' => true)))->associate('region', 'center')->associate('margins', '0 4 4 0')->associate('title', 'Main')->associate('closable', false)); $tabpanel = new JsVariable('tabpanel', $jstabpanel); $cfg = new Ext_Viewport_Config(); $viewport = new Ext_Viewport($cfg->layout('border')->items(array($actionpanel, $tabpanel->name()))); $viewport->jsrender(); $tabpanel->add(array('title' => 'New Tab', 'iconCls' => 'tabs', 'autoLoad' => array('url' => 'extphptest.php?content1'), 'closable' => true)); new JsReady(JsWriter::get()); ?> </script> Click the button: <div id='button1-div'></div> <br /> A Grid Panel: <div id='grid1-div'></div> <ul id="actions" class="x-hidden"> <li> <a id="use" href="#">Bogus Item #1</a> </li> <li> <a id="create" href="#">Bogus Item #2</a> </li> </ul>