$tabs = new PhpExt_Form_FormPanel(); $tabs->setBorder(false)->setLabelWidth(75)->setWidth(350); $tabPanel = new PhpExt_TabPanel(); $tabPanel->setActiveTab(0)->setDefaults(new PhpExt_Config_ConfigObject(array("autoHeight" => true, "bodyStyle" => "padding:10px"))); $detailsTab = new PhpExt_Panel(); $detailsTab->setTitle("Personal Details")->setLayout(new PhpExt_Layout_FormLayout())->setDefaults(new PhpExt_Config_ConfigObject(array("width" => 230)))->setDefaultType("textfield")->addItem(PhpExt_Form_TextField::createTextField("first", "First Name")->setAllowBlank(false)->setValue("Jack"))->addItem(PhpExt_Form_TextField::createTextField("company", "Company")->setValue("Slocum"))->addItem(PhpExt_Form_TextField::createTextField("last", "Last Name")->setValue("Ext JS"))->addItem(PhpExt_Form_TextField::createTextField("email", "Email")->setVType(PhpExt_Form_FormPanel::VTYPE_EMAIL)); $phonesTab = new PhpExt_Panel(); $phonesTab->setTitle("Phone Numbers")->setLayout(new PhpExt_Layout_FormLayout())->setDefaults(new PhpExt_Config_ConfigObject(array("width" => 230)))->setDefaultType("textfield")->addItem(PhpExt_Form_TextField::createTextField("home", "Home")->setValue("(888) 555-1212"))->addItem(PhpExt_Form_TextField::createTextField("business", "Business"))->addItem(PhpExt_Form_TextField::createTextField("mobile", "Mobile"))->addItem(PhpExt_Form_TextField::createTextField("fax", "Fax")); $tabPanel->addItem($detailsTab); $tabPanel->addItem($phonesTab); $tabs->addItem($tabPanel); $tabs->addButton(PhpExt_Button::createTextButton("Save")); $tabs->addButton(PhpExt_Button::createTextButton("Cancel")); //******************************* Form Tabs 2 $tabs2 = new PhpExt_Form_FormPanel(); $tabs2->setLabelAlign(PhpExt_Form_FormPanel::LABEL_ALIGN_TOP)->setTitle("Inner Tabs")->setBodyStyle("padding:5px")->setWidth(600); $columnPanel2 = new PhpExt_Panel(); // using ColumnLayout $columnPanel2->setBorder(false)->setLayout(new PhpExt_Layout_ColumnLayout()); $tabs2->addItem($columnPanel2); //- First column $firstColumn2 = new PhpExt_Panel(); // Use FormLayout to enable field labels and autoarrange fields on the panel $firstColumn2->setBorder(false)->setLayout(new PhpExt_Layout_FormLayout()); // Anchor the field to 95% of the panel by setting AnchorLayoutData (FormLayout extends AnchorLayout) $firstColumn2->addItem(PhpExt_Form_TextField::createTextField("first", "First Name"), new PhpExt_Layout_AnchorLayoutData("95%"))->addItem(PhpExt_Form_TextField::createTextField("company", "Company"), new PhpExt_Layout_AnchorLayoutData("95%")); // adds the panel as a 50% column using ColumnLayoutData $columnPanel2->addItem($firstColumn2, new PhpExt_Layout_ColumnLayoutData(0.5)); //- Second column $secondColumn2 = new PhpExt_Panel(); $secondColumn2->setBorder(false)->setLayout(new PhpExt_Layout_FormLayout())->addItem(PhpExt_Form_TextField::createTextField("last", "Last Name"), new PhpExt_Layout_AnchorLayoutData("95%"))->addItem(PhpExt_Form_TextField::createTextField("email", "Email")->setVType(PhpExt_Form_FormPanel::VTYPE_EMAIL), new PhpExt_Layout_AnchorLayoutData("95%"));