$viewport->addItem($east, PhpExt_Layout_BorderLayoutData::createEastRegion()->setSplit(true)->setMinSize(175)->setMaxSize(400)->setMargins("0 5 0 0")); // West Region $west = new PhpExt_Panel(); $west->setTitle("West")->setCollapsible(true)->setWidth(200)->setId("west-panel"); $accordion = new PhpExt_Layout_AccordionLayout(); $accordion->setAnimate(true); $west->setLayout($accordion); // panel 1 $p1 = new PhpExt_Panel(); $p1->setContentElement("west")->setTitle("Navigation")->setBorder(false)->setIconCssClass("nav"); $west->addItem($p1); // panel 2 $p2 = new PhpExt_Panel(); $p2->setHtml('<p>Some settings in here.</p>')->setTitle("Settings")->setBorder(false)->setIconCssClass("settings"); $west->addItem($p2); $viewport->addItem($west, PhpExt_Layout_BorderLayoutData::createWestRegion()->setSplit(true)->setMinSize(175)->setMaxSize(400)->setMargins("0 0 0 5")); // Center Region $center = new PhpExt_TabPanel(); $center->setActiveTab(0); $tabLayout = new PhpExt_Layout_TabLayout(); $tabLayout->setDeferredRender(true); $center->setLayout($tabLayout); $c1 = new PhpExt_Panel(); $c1->setContentElement("center1")->setTitle("Close Me")->setAutoScroll(true); $center->addItem($c1, new PhpExt_Layout_TabLayoutData(true)); $c2 = new PhpExt_Panel(); $c2->setContentElement("center2")->setTitle("Center Panel")->setAutoScroll(true); $center->addItem($c2); $viewport->addItem($center, PhpExt_Layout_BorderLayoutData::createCenterRegion()); echo PhpExt_Ext::OnReady($viewport->getJavascript(false, "v"), $viewport->render("viewport"));