Apr 02, 2010, 7:38 PM
[CLOSED] Basic Layout question for Layout Fit / AutoHeight
Hello,
I have a nearly basic layout question....
What do I have to do to fit my tabs on the Center to the full height?
Here is the code snipped
Regards,
Martin
I have a nearly basic layout question....
What do I have to do to fit my tabs on the Center to the full height?
Here is the code snipped
<%@ Page Language="C#" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<%@ Register Src="Settings/SystemSettingsControl.ascx" TagName="SystemSettingsControl"
TagPrefix="uc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>AffiliManager - Backend Configuration</title>
<style type="text/css">
.icon-exclamation
{
padding-left: 25px !important;
background: url(/icons/exclamation-png/ext.axd) no-repeat 3px 3px !important;
}
.icon-accept
{
padding-left: 25px !important;
background: url(/icons/accept-png/ext.axd) no-repeat 3px 3px !important;
}
.menu-link
{
font-family: Arial, Sans-Serif;
font-size: 8pt;
font-style: normal;
text-decoration: none;
color: Black;
padding: 5 0 0 10;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<ext:ResourceManager runat="server" Theme="Slate" />
<ext:Panel ID="PanelBasic" runat="server" Title="AffiliManager - Backend Configuration"
Icon="ApplicationFormEdit" AutoWidth="true" Height="800" Border="false" Collapsible="false"
Layout="Fit" MonitorResize="true">
<Items>
<ext:BorderLayout ID="BorderLayout1" runat="server">
<West Collapsible="true" MinWidth="175" Split="true">
<ext:Panel ID="WestPanel" runat="server" Width="175" Layout="Accordion">
<Items>
<ext:Panel ID="Navigation" runat="server" Title="Navigation" Icon="FolderGo" Border="false"
Html="West" Collapsed="true" />
<ext:Panel ID="Settings" runat="server" Title="Settings" Icon="FolderWrench" Border="false"
Layout="Row" Collapsed="true">
<Items>
<ext:LinkButton ID="LinkButtonDatabaseSettings" runat="server" Icon="DatabaseEdit"
IconAlign="Left" Text="System configuration" Cls="menu-link">
<Listeners>
<Click Handler="#{BaseTabPanel}.addTab(#{TabSystemSettings});" />
</Listeners>
</ext:LinkButton>
</Items>
</ext:Panel>
</Items>
</ext:Panel>
</West>
<Center>
<ext:TabPanel runat="server" ID="BaseTabPanel" AutoHeight="true" ActiveTabIndex="0">
<Items>
<ext:Panel ID="TabOverview" runat="server" Title="Overview" Padding="6" Icon="Information" />
<ext:Panel ID="TabSystemSettings" runat="server" Title="System Configuration" CloseAction="Hide"
Hidden="true" Icon="DatabaseEdit" Layout="Fit">
<Content>
<ext:FormPanel ID="FormPanelSystemConfiguration" runat="server" MonitorPoll="500"
MonitorValid="true" ButtonAlign="Right">
<Items>
<ext:TabPanel ID="TabPanelSystemSettings" runat="server">
<Items>
<ext:Panel ID="PanelAdminSettings" runat="server" Border="false" Layout="Form" LabelAlign="Left"
Title="Administrator" Icon="User">
<Defaults>
<ext:Parameter Name="AllowBlank" Value="false" Mode="Raw" />
<ext:Parameter Name="MsgTarget" Value="side" />
</Defaults>
<Items>
<ext:TextField ID="TextFieldName" runat="server" FieldLabel="Name" />
<ext:TextField ID="TextFieldEmail" runat="server" FieldLabel="Email" Vtype="email" />
</Items>
</ext:Panel>
<ext:Panel ID="PanelAffilinetSettings" runat="server" Border="false" Layout="Form"
LabelAlign="Left" Title="Affilinet">
<Defaults>
<ext:Parameter Name="AllowBlank" Value="false" Mode="Raw" />
<ext:Parameter Name="MsgTarget" Value="side" />
</Defaults>
<Items>
<ext:Panel ID="PanelGeneralSettings" Title="General" runat="server">
<Items>
<ext:NumberField ID="NumberFieldShopId" runat="server" FieldLabel="ShopId" />
</Items>
</ext:Panel>
<ext:Panel ID="PanelWebserviceSettings" Title="Webservice" runat="server">
<Items>
<ext:TextField ID="TextFieldUsernameLiveSystem" runat="server" FieldLabel="Username Livesystem" />
<ext:TextField ID="TextFieldUsernameSandboxSystem" runat="server" FieldLabel="Username Sandboxsystem" />
<ext:TextField ID="TextFieldPasswordWebserviceProduct" runat="server" FieldLabel="Password Product" />
<ext:TextField ID="TextFieldPasswordWebservicePublisher" runat="server" FieldLabel="Password Publisher" />
</Items>
</ext:Panel>
<ext:Panel ID="PanelCsvSettings" Title="Csv" runat="server">
<Items>
<ext:TextField ID="TextFieldUrlCsvData" runat="server" FieldLabel="UrlCsvData" Vtype="url" />
<ext:TextField ID="TextFieldUrlCsvStatus" runat="server" FieldLabel="UrlCsvStatus"
Vtype="url" />
</Items>
</ext:Panel>
</Items>
</ext:Panel>
</Items>
</ext:TabPanel>
</Items>
<Buttons>
<ext:Button ID="Button1" runat="server" Text="Save">
<Listeners>
<Click Handler="if (#{FormPanelSystemConfiguration}.getForm().isValid()) {Ext.Msg.alert('Submit', 'Saved!');}else{Ext.Msg.show({icon: Ext.MessageBox.ERROR, msg: 'FormPanel is incorrect', buttons:Ext.Msg.OK});}" />
</Listeners>
</ext:Button>
<ext:Button ID="Button2" runat="server" Text="Cancel" />
</Buttons>
<BottomBar>
<ext:StatusBar ID="StatusBar1" runat="server" />
</BottomBar>
<Listeners>
<ClientValidation Handler="el.getBottomToolbar().setStatus({text : valid ? 'Form is valid' : 'Form is invalid', iconCls: valid ? 'icon-accept' : 'icon-exclamation'});" />
</Listeners>
</ext:FormPanel>
</Content>
</ext:Panel>
</Items>
</ext:TabPanel>
</Center>
</ext:BorderLayout>
</Items>
</ext:Panel>
</form>
</body>
</html>
Regards,
Martin