Jun 05, 2009, 7:16 AM
[CLOSED] Hi design Issue
Hi see my code
I want to the controls height must be fit to the row end.The second and last rows are ok but the first row right hand side no gap and the 3 rd row right hand side control is not increasing.
Any ideas to design such complecated screens In my applicatrion there are 10 forms like that.
Regards,
Vasu
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DecisionDetail.aspx.cs" Inherits="DecisionDetail" %>
<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>
<!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 runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<ext:ScriptManager ID="ScriptManager1" runat="server" />
<ext:ViewPort runat="server" ID="parentPanel" Width="100%" Height="100%">
<Body>
<ext:BorderLayout ID="BL" runat="Server">
<Center>
<ext:TabPanel ID="TabPanel1" runat="server" ActiveTabIndex="0">
<Tabs>
<ext:Tab ID="Tab1" runat="server" Title="Overview" Icon="Tab">
<Body>
<ext:BorderLayout runat="Server" ID="BorderLayout1">
<Center>
<ext:Panel ID="pnl" runat="Server" Border="false">
<Body>
<ext:RowLayout ID="RowLayout1" runat="server">
<ext:LayoutRow RowHeight="0.12">
<ext:Panel Border="false" ID="Panel5" runat="server">
<Body>
<ext:ColumnLayout ID="ColumnLayout1" runat="server" FitHeight="false">
<ext:LayoutColumn ColumnWidth="0.35">
<ext:Panel Border="false" ID="panGrdInbox" runat="server">
<Body>
<ext:FormLayout ID="FormLayout1" runat="server">
<ext:Anchor Horizontal="99.95%">
<ext:Panel Border="false" ID="pan" runat="server">
<Body>
<ext:ColumnLayout ID="ColumnLayout2" runat="server" FitHeight="false">
<ext:LayoutColumn ColumnWidth="0.35">
<ext:Panel Border="false" ID="Panel6" runat="server">
<Body>
<ext:FitLayout ID="FitLayout4" runat="server">
<ext:Label ID="lblCode" runat="server" Text="Code">
</ext:Label>
</ext:FitLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth="0.45">
<ext:Panel Border="false" ID="Panel7" runat="server">
<Body>
<ext:FitLayout ID="FitLayout5" runat="server">
<ext:TextField ID="txtCode" runat="server" Width="170">
</ext:TextField>
</ext:FitLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth="0.20">
<ext:Panel Border="false" ID="Panel14" runat="server">
<Body>
<ext:FitLayout ID="FitLayout12" runat="server">
<ext:Checkbox ID="chkDecided" runat="server" BoxLabel="Decided">
</ext:Checkbox>
</ext:FitLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
</ext:ColumnLayout>
</Body>
</ext:Panel>
</ext:Anchor>
<ext:Anchor Horizontal="99.95%">
<ext:Panel Border="false" ID="Panel8" runat="server">
<Body>
<ext:ColumnLayout ID="ColumnLayout3" runat="server" FitHeight="false">
<ext:LayoutColumn ColumnWidth="0.35">
<ext:Panel Border="false" ID="Panel9" runat="server">
<Body>
<ext:FitLayout ID="FitLayout6" runat="server">
<ext:Label ID="lblCustomer" runat="server" Text="Customer">
</ext:Label>
</ext:FitLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth="0.65">
<ext:Panel Border="false" ID="Panel10" runat="server">
<Body>
<ext:FitLayout ID="FitLayout7" runat="server">
<ext:TriggerField ID="tfCustomer" runat="server" Width="220">
</ext:TriggerField>
</ext:FitLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
</ext:ColumnLayout>
</Body>
</ext:Panel>
</ext:Anchor>
<ext:Anchor Horizontal="99.95%">
<ext:Panel Border="false" ID="Panel15" runat="server">
<Body>
<ext:ColumnLayout ID="ColumnLayout5" runat="server" FitHeight="false">
<ext:LayoutColumn ColumnWidth="0.35">
<ext:Panel Border="false" ID="Panel16" runat="server">
<Body>
<ext:FitLayout ID="FitLayout10" runat="server">
<ext:Label ID="lblIsPartof" runat="server" Text="Is Part Of">
</ext:Label>
</ext:FitLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth="0.65">
<ext:Panel Border="false" ID="Panel17" runat="server">
<Body>
<ext:FitLayout ID="FitLayout11" runat="server">
<ext:TriggerField ID="tfIsPartof" runat="server" Width="220">
</ext:TriggerField>
</ext:FitLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
</ext:ColumnLayout>
</Body>
</ext:Panel>
</ext:Anchor>
</ext:FormLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth="0.01">
<ext:Panel Border="false" ID="Panel67" runat="server">
<Body>
</Body>
</ext:Panel>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth="0.60">
<ext:Panel Border="false" ID="Panel4" runat="server">
<Body>
<ext:FormLayout ID="FormLayout2" runat="server">
<ext:Anchor Horizontal="99.95%">
<ext:Panel Border="false" ID="Panel18" runat="server">
<Body>
<ext:ColumnLayout ID="ColumnLayout6" runat="server" FitHeight="false">
<ext:LayoutColumn ColumnWidth="0.2">
<ext:Panel Border="false" ID="Panel19" runat="server">
<Body>
<ext:FitLayout ID="FitLayout3" runat="server">
<ext:Label ID="lblSubject" runat="server" Text="Subject">
</ext:Label>
</ext:FitLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth="0.5">
<ext:Panel Border="false" ID="Panel20" runat="server">
<Body>
<ext:FitLayout ID="FitLayout13" runat="server">
<ext:TextField ID="txtSubject" runat="server">
</ext:TextField>
</ext:FitLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth="0.1">
<ext:Panel Border="false" ID="Panel21" runat="server">
<Body>
<ext:FitLayout ID="FitLayout14" runat="server">
<ext:Label ID="lblPriority" runat="server" Text="Priority">
</ext:Label>
</ext:FitLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth="0.2">
<ext:Panel Border="false" ID="Panel22" runat="server">
<Body>
<ext:FitLayout ID="FitLayout15" runat="server">
<ext:ComboBox ID="cboPriority" runat="server" Editable="false" Selectonfocus="true"
Width="114">
</ext:ComboBox>
</ext:FitLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
</ext:ColumnLayout>
</Body>
</ext:Panel>
</ext:Anchor>
<ext:Anchor Horizontal="99.95%" Vertical="99%">
<ext:Panel Border="false" ID="Panel23" runat="server">
<Body>
<ext:ColumnLayout ID="ColumnLayout7" runat="server" FitHeight="false">
<ext:LayoutColumn ColumnWidth="0.2">
<ext:Panel Border="false" ID="Panel24" runat="server">
<Body>
<ext:FitLayout ID="FitLayout16" runat="server">
<ext:Label ID="lblDecision" runat="server" Text="Decision Text">
</ext:Label>
</ext:FitLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth="0.8">
<ext:Panel Border="false" ID="Panel25" runat="server">
<Body>
<ext:FitLayout ID="FitLayout17" runat="server">
<ext:TextArea ID="txtDecision" runat="server">
</ext:TextArea>
</ext:FitLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
</ext:ColumnLayout>
</Body>
</ext:Panel>
</ext:Anchor>
</ext:FormLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
</ext:ColumnLayout>
</Body>
</ext:Panel>
</ext:LayoutRow>
<ext:LayoutRow RowHeight="0.12">
<ext:Panel Border="false" ID="Panel1" runat="server">
<Body>
<ext:ColumnLayout ID="ColumnLayout8" runat="server" FitHeight="false">
<ext:LayoutColumn ColumnWidth="0.35">
<ext:Panel Border="false" ID="Panel26" runat="server">
<Body>
<ext:FormLayout ID="FormLayout3" runat="server">
<ext:Anchor Horizontal="99.95%">
<ext:Panel Border="false" ID="Panel27" runat="server">
<Body>
<ext:ColumnLayout ID="ColumnLayout9" runat="server" FitHeight="false">
<ext:LayoutColumn ColumnWidth="0.35">
<ext:Panel Border="false" ID="Panel28" runat="server">
<Body>
<ext:FitLayout ID="FitLayout18" runat="server">
<ext:Label ID="lblDate" runat="server" Text="Date">
</ext:Label>
</ext:FitLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth="0.65">
<ext:Panel Border="false" ID="Panel29" runat="server">
<Body>
<ext:FitLayout ID="FitLayout19" runat="server">
<ext:DateField ID="dfDate" runat="server" TodayText="Now" Width="220">
</ext:DateField>
</ext:FitLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
</ext:ColumnLayout>
</Body>
</ext:Panel>
</ext:Anchor>
<ext:Anchor Horizontal="99.95%">
<ext:Panel Border="false" ID="Panel30" runat="server">
<Body>
<ext:ColumnLayout ID="ColumnLayout10" runat="server" FitHeight="false">
<ext:LayoutColumn ColumnWidth="0.35">
<ext:Panel Border="false" ID="Panel31" runat="server">
<Body>
<ext:FitLayout ID="FitLayout20" runat="server">
<ext:Label ID="lblHow" runat="server" Text="How">
</ext:Label>
</ext:FitLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth="0.65">
<ext:Panel Border="false" ID="Panel32" runat="server">
<Body>
<ext:FitLayout ID="FitLayout21" runat="server">
<ext:ComboBox ID="cboHow" runat="server" Width="220">
</ext:ComboBox>
</ext:FitLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
</ext:ColumnLayout>
</Body>
</ext:Panel>
</ext:Anchor>
<ext:Anchor Horizontal="99.95%">
<ext:Panel Border="false" ID="Panel33" runat="server">
<Body>
<ext:ColumnLayout ID="ColumnLayout11" runat="server" FitHeight="false">
<ext:LayoutColumn ColumnWidth="0.35">
<ext:Panel Border="false" ID="Panel34" runat="server">
<Body>
<ext:FitLayout ID="FitLayout22" runat="server">
<ext:Label ID="lblOnbehalfOf" runat="server" Text="On Behalf Of">
</ext:Label>
</ext:FitLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth="0.65">
<ext:Panel Border="false" ID="Panel35" runat="server">
<Body>
<ext:FitLayout ID="FitLayout23" runat="server">
<ext:TriggerField ID="tfOnbehalfOf" runat="server" Width="220">
</ext:TriggerField>
</ext:FitLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
</ext:ColumnLayout>
</Body>
</ext:Panel>
</ext:Anchor>
</ext:FormLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth="0.01">
<ext:Panel Border="false" ID="Panel68" runat="server">
<Body>
</Body>
</ext:Panel>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth="0.60">
<ext:Panel Border="false" ID="Panel40" runat="server">
<Body>
<ext:FormLayout ID="FormLayout4" runat="server">
<ext:Anchor Horizontal="99.95%">
<ext:Panel Border="false" ID="Panel36" runat="server">
<Body>
<ext:ColumnLayout ID="ColumnLayout12" runat="server" FitHeight="false">
<ext:LayoutColumn ColumnWidth="0.2">
<ext:Panel Border="false" ID="Panel37" runat="server">
<Body>
<ext:FitLayout ID="FitLayout24" runat="server">
<ext:Label ID="lblRemarks" runat="server" Text="Remarks">
</ext:Label>
</ext:FitLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth="0.8">
<ext:Panel Border="false" ID="Panel38" runat="server">
<Body>
<ext:FitLayout ID="FitLayout25" runat="server">
<ext:TextArea ID="txtRemarks" runat="server">
</ext:TextArea>
</ext:FitLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
</ext:ColumnLayout>
</Body>
</ext:Panel>
</ext:Anchor>
</ext:FormLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
</ext:ColumnLayout>
</Body>
</ext:Panel>
</ext:LayoutRow>
<ext:LayoutRow RowHeight="0.18">
<ext:Panel ID="Panel2" runat="server" Border="false">
<Body>
<ext:RowLayout ID="RowLayout8" runat="server">
<ext:LayoutRow RowHeight="1">
<ext:Panel ID="Panel39" runat="server" Border="false">
<Body>
<ext:FormLayout ID="FormLayout5" runat="server">
<ext:Anchor Horizontal="99.95%" Vertical="99%">
<ext:Panel Border="false" ID="Panel41" runat="server">
<Body>
<ext:ColumnLayout ID="ColumnLayout13" runat="server" FitHeight="true">
<ext:LayoutColumn ColumnWidth="0.35">
<ext:Panel ID="Panel42" runat="server" Border="false">
<Body>
<ext:FormLayout ID="FormLayout6" runat="server">
<ext:Anchor Horizontal="99.95%">
<ext:Panel Border="false" ID="Panel43" runat="server">
<Body>
<ext:ColumnLayout ID="ColumnLayout14" runat="server" FitHeight="false">
<ext:LayoutColumn ColumnWidth="0.35">
<ext:Panel Border="false" ID="Panel44" runat="server">
<Body>
<ext:FitLayout ID="FitLayout1" runat="server">
<ext:Label ID="lblFrom" runat="server" Text="From">
</ext:Label>
</ext:FitLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth="0.35">
<ext:Panel Border="false" ID="Panel45" runat="server">
<Body>
<ext:FitLayout ID="FitLayout26" runat="server">
<ext:DateField ID="dfFrom" runat="server" TodayText="Now">
</ext:DateField>
</ext:FitLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth="0.30">
<ext:Panel Border="false" ID="Panel46" runat="server">
<Body>
<ext:FitLayout ID="FitLayout27" runat="server">
<ext:Checkbox ID="chkReminder" BoxLabel="Reminder" runat="server">
</ext:Checkbox>
</ext:FitLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
</ext:ColumnLayout>
</Body>
</ext:Panel>
</ext:Anchor>
<ext:Anchor Horizontal="99.95%">
<ext:Panel Border="false" ID="Panel47" runat="server">
<Body>
<ext:ColumnLayout ID="ColumnLayout15" runat="server" FitHeight="false">
<ext:LayoutColumn ColumnWidth="0.35">
<ext:Panel Border="false" ID="Panel48" runat="server">
<Body>
<ext:FitLayout ID="FitLayout28" runat="server">
<ext:Label ID="lblUntil" runat="server" Text="Until">
</ext:Label>
</ext:FitLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth="0.35">
<ext:Panel Border="false" ID="Panel49" runat="server">
<Body>
<ext:FitLayout ID="FitLayout29" runat="server">
<ext:DateField ID="dfUntil" runat="server" TodayText="Now">
</ext:DateField>
</ext:FitLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth="0.30">
<ext:Panel Border="false" ID="Panel50" runat="server">
<Body>
<ext:FitLayout ID="FitLayout30" runat="server">
<ext:ComboBox ID="cboRemindDuration" runat="server">
</ext:ComboBox>
</ext:FitLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
</ext:ColumnLayout>
</Body>
</ext:Panel>
</ext:Anchor>
<ext:Anchor Horizontal="99.95%">
<ext:Panel Border="false" ID="Panel51" runat="server">
<Body>
<ext:ColumnLayout ID="ColumnLayout16" runat="server" FitHeight="false">
<ext:LayoutColumn ColumnWidth="0.35">
<ext:Panel Border="false" ID="Panel52" runat="server">
<Body>
<ext:FitLayout ID="FitLayout31" runat="server">
<ext:Label ID="lblCreated" runat="server" Text="Created">
</ext:Label>
</ext:FitLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth="0.35">
<ext:Panel Border="false" ID="Panel53" runat="server">
<Body>
<ext:FitLayout ID="FitLayout32" runat="server">
<ext:TextField ID="txtCreatedDate" runat="server" ReadOnly="true" Width="150">
</ext:TextField>
</ext:FitLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth="0.30">
<ext:Panel Border="false" ID="Panel54" runat="server">
<Body>
<ext:FitLayout ID="FitLayout33" runat="server">
<ext:TextField ID="txtCreatedBy" runat="server" ReadOnly="true">
</ext:TextField>
</ext:FitLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
</ext:ColumnLayout>
</Body>
</ext:Panel>
</ext:Anchor>
<ext:Anchor Horizontal="99.95%">
<ext:Panel Border="false" ID="Panel55" runat="server">
<Body>
<ext:ColumnLayout ID="ColumnLayout17" runat="server" FitHeight="false">
<ext:LayoutColumn ColumnWidth="0.35">
<ext:Panel Border="false" ID="Panel56" runat="server">
<Body>
<ext:FitLayout ID="FitLayout34" runat="server">
<ext:Label ID="lblModified" runat="server" Text="Modified">
</ext:Label>
</ext:FitLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth="0.35">
<ext:Panel Border="false" ID="Panel57" runat="server">
<Body>
<ext:FitLayout ID="FitLayout35" runat="server">
<ext:TextField ID="txtModifiedDate" runat="server" ReadOnly="true" Width="150">
</ext:TextField>
</ext:FitLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth="0.30">
<ext:Panel Border="false" ID="Panel58" runat="server">
<Body>
<ext:FitLayout ID="FitLayout36" runat="server">
<ext:TextField ID="txtModifiedBy" runat="server" ReadOnly="true">
</ext:TextField>
</ext:FitLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
</ext:ColumnLayout>
</Body>
</ext:Panel>
</ext:Anchor>
</ext:FormLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth="0.01">
<ext:Panel Border="false" ID="Panel69" runat="server">
<Body>
</Body>
</ext:Panel>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth="0.6">
<ext:Panel ID="Panel59" runat="server" Border="false">
<Body>
<%-- <ext:FitLayout ID="FitLayout37" runat="server">
<ext:Panel Border="false" ID="Pl3" runat="server">
<body>--%>
<ext:ColumnLayout ID="clDecision" runat="server" FitHeight="false">
<ext:LayoutColumn ColumnWidth="0.2">
<ext:Panel Border="false" ID="panDecision" runat="server">
<Body>
<ext:FitLayout ID="fitlblDecision" runat="server">
<ext:Label ID="lblNote" runat="server" Text="Note">
</ext:Label>
</ext:FitLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth="0.8">
<ext:Panel Border="false" ID="PanNote" runat="server">
<Body>
<ext:FitLayout ID="fitNote" runat="server">
<ext:TextArea ID="txtNote" runat="server">
</ext:TextArea>
</ext:FitLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
</ext:ColumnLayout>
<%-- </body>
</ext:Panel>
</ext:FitLayout>--%>
</Body>
</ext:Panel>
</ext:LayoutColumn>
</ext:ColumnLayout>
</Body>
</ext:Panel>
</ext:Anchor>
</ext:FormLayout>
</Body>
</ext:Panel>
</ext:LayoutRow>
</ext:RowLayout>
</Body>
</ext:Panel>
</ext:LayoutRow>
<ext:LayoutRow RowHeight="0.60">
<ext:Panel Border="false" ID="Panel3" runat="server">
<Body>
<ext:FormLayout ID="FormLayout7" runat="server">
<ext:Anchor Vertical="99%" Horizontal="99.95%">
<ext:Panel Border="false" ID="Panel61" runat="server">
<Body>
<ext:RowLayout ID="rowLayout19" runat="server">
<ext:LayoutRow RowHeight="0.1">
<ext:Panel Border="false" ID="Panel62" runat="server">
<Body>
<ext:FitLayout ID="FitLayout2" runat="server">
<ext:Checkbox ID="chkShowSubObjects" runat="server" BoxLabel="Show data from sub objects">
</ext:Checkbox>
</ext:FitLayout>
</Body>
</ext:Panel>
</ext:LayoutRow>
<ext:LayoutRow RowHeight="0.9">
<ext:Panel Border="false" ID="Panel63" runat="server">
<Body>
<ext:FitLayout ID="FitLayout39" runat="server">
<ext:TextArea ID="txtData" runat="server">
</ext:TextArea>
</ext:FitLayout>
</Body>
</ext:Panel>
</ext:LayoutRow>
</ext:RowLayout>
</Body>
</ext:Panel>
</ext:Anchor>
</ext:FormLayout>
</Body>
</ext:Panel>
</ext:LayoutRow>
</ext:RowLayout>
</Body>
</ext:Panel>
</Center>
</ext:BorderLayout>
</Body>
</ext:Tab>
</Tabs>
</ext:TabPanel>
</Center>
</ext:BorderLayout>
</Body>
</ext:ViewPort>
</form>
</body>
</html>I want to the controls height must be fit to the row end.The second and last rows are ok but the first row right hand side no gap and the 3 rd row right hand side control is not increasing.
Any ideas to design such complecated screens In my applicatrion there are 10 forms like that.
Regards,
Vasu
