[CLOSED] Browser compatibility issue with Layout

  1. #1

    [CLOSED] Browser compatibility issue with Layout


    Hi,

    There is a layout problem with the browsers(IE 6.0 and Firefox 3.0.1), we have no problem with the IE but the alignment is not good in Firefox when we tried to adjust accordingly alignment in IE is disturbed.

    please look in to the issue


    Find the attached source code and screen shot




     <%@ Page Language="C#" AutoEventWireup="true" CodeFile="ProjectDetails.aspx.cs" Inherits="ProjectDetails" %>
    <%@ 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 id="Head1" runat="server">
        <title></title>
    
        <script type="text/javascript">
            var triggerHandlerOnbehalfOf = function(el, trigger, index) {
                switch (index) {
                    case 0:
                        tfOnbehalfOf.getEl().applyStyles('background:white');
                        tfOnbehalfOf.triggers[0].hide();
                        tfOnbehalfOf.setValue('');
                        break;
    //                case 1:
    //                    WindowOnbehalfOf.show();
    //                    break;
                }
            }
             var triggerHandlerIsPartof = function(el, trigger, index) {
                switch (index) {
                    case 0:
                        tfIsPartof.getEl().applyStyles('background:white');
                        tfIsPartof.triggers[0].hide();
                        tfIsPartof.setValue('');
                        break;
    //                case 1:
    //                    WindowIsPartof.show();
    //                    break;
                }
            }
             var triggerHandlerCustomer = function(el, trigger, index) {
                switch (index) {
                    case 0:
                        tfCustomer.getEl().applyStyles('background:white');
                        tfCustomer.triggers[0].hide();
                        tfCustomer.setValue('');
                        break;
    //                case 1:
    //                    WindowCustomer.show();
    //                    break;
                }
            }
        </script>
        
    </head>
    <body>
        <ext:ScriptManager ID="ScriptManager1" runat="server" />
        <form id="form1" 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" MinTabWidth="150"
                                ResizeTabs="true">
                                <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>
                                                                    <ext:Panel Border="false" ID="Panel106" runat="server" Height="3">
                                                                        <Body>
                                                                        </Body>
                                                                    </ext:Panel>
                                                                </ext:LayoutRow>
                                                                <ext:LayoutRow>
                                                                    <ext:FieldSet ID="fsDescription" runat="server" Title="Description">
                                                                        <Body>
                                                                            <ext:Panel Border="false" ID="Panel5" runat="server" Height="91">
                                                                                <Body>
                                                                                    <ext:ColumnLayout ID="ColumnLayout1" runat="server" FitHeight="false">
                                                                                        <ext:LayoutColumn>
                                                                                            <ext:Panel Border="false" ID="Panel72" runat="server" Width="3">
                                                                                                <Body>
                                                                                                </Body>
                                                                                            </ext:Panel>
                                                                                        </ext:LayoutColumn>
                                                                                        <ext:LayoutColumn ColumnWidth="0.35">
                                                                                            <ext:Panel Border="false" ID="panGrdInbox" runat="server">
                                                                                                <Body>
                                                                                                    <ext:FormLayout ID="FormLayout1" runat="server">
                                                                                                        <ext:Anchor Horizontal="100%">
                                                                                                            <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:Label Style="float: right;" ID="lblCode" runat="server" Text="Code">
                                                                                                                                    </ext:Label>
                                                                                                                                </Body>
                                                                                                                            </ext:Panel>
                                                                                                                        </ext:LayoutColumn>
                                                                                                                        <ext:LayoutColumn>
                                                                                                                            <ext:Panel Border="false" ID="Panel128" runat="server" Width="3">
                                                                                                                                <Body>
                                                                                                                                </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="chkDone" runat="server" BoxLabel="Done">
                                                                                                                                        </ext:Checkbox>
                                                                                                                                    </ext:FitLayout>
                                                                                                                                </Body>
                                                                                                                            </ext:Panel>
                                                                                                                        </ext:LayoutColumn>
                                                                                                                    </ext:ColumnLayout>
                                                                                                                </Body>
                                                                                                            </ext:Panel>
                                                                                                        </ext:Anchor>
                                                                                                        <ext:Anchor Horizontal="100%">
                                                                                                            <ext:Panel Border="false" ID="Panel144" runat="server" Height="1">
                                                                                                                <Body>
                                                                                                                </Body>
                                                                                                            </ext:Panel>
                                                                                                        </ext:Anchor>
                                                                                                        <ext:Anchor Horizontal="100%">
                                                                                                            <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:Label Style="float: right" ID="lblCustomer" runat="server" Text="Customer">
                                                                                                                                    </ext:Label>
                                                                                                                                </Body>
                                                                                                                            </ext:Panel>
                                                                                                                        </ext:LayoutColumn>
                                                                                                                        <ext:LayoutColumn>
                                                                                                                            <ext:Panel Border="false" ID="Panel129" runat="server" Width="3">
                                                                                                                                <Body>
                                                                                                                                </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" ReadOnly="true">
                                                                                                                                            <triggers>
                                                                                                                                        <ext:FieldTrigger Icon="Clear" HideTrigger="false" Qtip="Click to clear field"  />
                                                                                                                                        <ext:FieldTrigger Icon="Ellipsis" Qtip="Click to choose value" />
                                                                                                                                    </triggers>
                                                                                                                                            <listeners>
                                                                                                                                        <TriggerClick Fn="triggerHandlerCustomer" />
                                                                                                                                    </listeners>
                                                                                                                                        </ext:TriggerField>
                                                                                                                                    </ext:FitLayout>
                                                                                                                                </Body>
                                                                                                                            </ext:Panel>
                                                                                                                        </ext:LayoutColumn>
                                                                                                                    </ext:ColumnLayout>
                                                                                                                </Body>
                                                                                                            </ext:Panel>
                                                                                                        </ext:Anchor>
                                                                                                        <ext:Anchor Horizontal="100%">
                                                                                                            <ext:Panel Border="false" ID="Panel145" runat="server" Height="1">
                                                                                                                <Body>
                                                                                                                </Body>
                                                                                                            </ext:Panel>
                                                                                                        </ext:Anchor>
                                                                                                        <ext:Anchor Horizontal="100%">
                                                                                                            <ext:Panel Border="false" ID="Panel11" runat="server">
                                                                                                                <Body>
                                                                                                                    <ext:ColumnLayout ID="ColumnLayout4" runat="server" FitHeight="false">
                                                                                                                        <ext:LayoutColumn ColumnWidth="0.35">
                                                                                                                            <ext:Panel Border="false" ID="Panel12" runat="server">
                                                                                                                                <Body>
                                                                                                                                    <ext:Label Style="float: right" ID="lblKind" runat="server" Text="Kind">
                                                                                                                                    </ext:Label>
                                                                                                                                </Body>
                                                                                                                            </ext:Panel>
                                                                                                                        </ext:LayoutColumn>
                                                                                                                        <ext:LayoutColumn>
                                                                                                                            <ext:Panel Border="false" ID="Panel130" runat="server" Width="3">
                                                                                                                                <Body>
                                                                                                                                </Body>
                                                                                                                            </ext:Panel>
                                                                                                                        </ext:LayoutColumn>
                                                                                                                        <ext:LayoutColumn ColumnWidth="0.65">
                                                                                                                            <ext:Panel Border="false" ID="Panel13" runat="server">
                                                                                                                                <Body>
                                                                                                                                    <ext:FitLayout ID="FitLayout9" runat="server">
                                                                                                                                        <ext:ComboBox ID="cboKind" runat="server" Width="220">
                                                                                                                                        </ext:ComboBox>
                                                                                                                                    </ext:FitLayout>
                                                                                                                                </Body>
                                                                                                                            </ext:Panel>
                                                                                                                        </ext:LayoutColumn>
                                                                                                                    </ext:ColumnLayout>
                                                                                                                </Body>
                                                                                                            </ext:Panel>
                                                                                                        </ext:Anchor>
                                                                                                        <ext:Anchor Horizontal="100%">
                                                                                                            <ext:Panel Border="false" ID="Panel146" runat="server" Height="1">
                                                                                                                <Body>
                                                                                                                </Body>
                                                                                                            </ext:Panel>
                                                                                                        </ext:Anchor>
                                                                                                        <ext:Anchor Horizontal="100%">
                                                                                                            <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:Label Style="float: right" ID="lblIsPartof" runat="server" Text="Is Part Of">
                                                                                                                                    </ext:Label>
                                                                                                                                </Body>
                                                                                                                            </ext:Panel>
                                                                                                                        </ext:LayoutColumn>
                                                                                                                        <ext:LayoutColumn>
                                                                                                                            <ext:Panel Border="false" ID="Panel131" runat="server" Width="3">
                                                                                                                                <Body>
                                                                                                                                </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" ReadOnly="true">
                                                                                                                                            <triggers>
                                                                                                                                        <ext:FieldTrigger Icon="Clear" HideTrigger="false" Qtip="Click to clear field" />
                                                                                                                                        <ext:FieldTrigger Icon="Ellipsis" Qtip="Click to choose value" />
                                                                                                                                    </triggers>
                                                                                                                                            <listeners>
                                                                                                                                        <TriggerClick Fn="triggerHandlerIsPartof" />
                                                                                                                                    </listeners>
                                                                                                                                        </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>
                                                                                            <ext:Panel Border="false" ID="Panel67" runat="server" Width="3">
                                                                                                <Body>
                                                                                                </Body>
                                                                                            </ext:Panel>
                                                                                        </ext:LayoutColumn>
                                                                                        <ext:LayoutColumn ColumnWidth="0.65">
                                                                                            <ext:Panel Border="false" ID="Panel4" runat="server">
                                                                                                <Body>
                                                                                                    <ext:FormLayout ID="FormLayout2" runat="server">
                                                                                                        <ext:Anchor Horizontal="100%">
                                                                                                            <ext:Panel Border="false" ID="Panel155" runat="server" Height="1">
                                                                                                                <Body>
                                                                                                                </Body>
                                                                                                            </ext:Panel>
                                                                                                        </ext:Anchor>
                                                                                                        <ext:Anchor Horizontal="100%">
                                                                                                            <ext:Panel Border="false" ID="Panel18" runat="server">
                                                                                                                <Body>
                                                                                                                    <ext:ColumnLayout ID="ColumnLayout6" runat="server" FitHeight="false">
                                                                                                                        <ext:LayoutColumn ColumnWidth="0.20">
                                                                                                                            <ext:Panel Border="false" ID="Panel19" runat="server">
                                                                                                                                <Body>
                                                                                                                                    <ext:Label Style="float: right" ID="lblSubject" runat="server" Text="Subject">
                                                                                                                                    </ext:Label>
                                                                                                                                </Body>
                                                                                                                            </ext:Panel>
                                                                                                                        </ext:LayoutColumn>
                                                                                                                        <ext:LayoutColumn>
                                                                                                                            <ext:Panel Border="false" ID="Panel132" runat="server" Width="3">
                                                                                                                                <Body>
                                                                                                                                </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:Label Style="float: right" ID="lblPriority" runat="server" Text="Priority">
                                                                                                                                    </ext:Label>
                                                                                                                                </Body>
                                                                                                                            </ext:Panel>
                                                                                                                        </ext:LayoutColumn>
                                                                                                                        <ext:LayoutColumn>
                                                                                                                            <ext:Panel Border="false" ID="Panel133" runat="server" Width="3">
                                                                                                                                <Body>
                                                                                                                                </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" Select&#111;nfocus="true"
                                                                                                                                            Width="114">
                                                                                                                                        </ext:ComboBox>
                                                                                                                                    </ext:FitLayout>
                                                                                                                                </Body>
                                                                                                                            </ext:Panel>
                                                                                                                        </ext:LayoutColumn>
                                                                                                                        <ext:LayoutColumn>
                                                                                                                            <ext:Panel Border="false" ID="Panel160" runat="server" Width="3">
                                                                                                                                <Body>
                                                                                                                                </Body>
                                                                                                                            </ext:Panel>
                                                                                                                        </ext:LayoutColumn>
                                                                                                                    </ext:ColumnLayout>
                                                                                                                </Body>
                                                                                                            </ext:Panel>
                                                                                                        </ext:Anchor>
                                                                                                        <ext:Anchor Horizontal="100%">
                                                                                                            <ext:Panel Border="false" ID="Panel147" runat="server" Height="1">
                                                                                                                <Body>
                                                                                                                </Body>
                                                                                                            </ext:Panel>
                                                                                                        </ext:Anchor>
                                                                                                        <ext:Anchor Horizontal="100%" Vertical="99%">
                                                                                                            <ext:Panel Border="false" ID="Panel23" runat="server">
                                                                                                                <Body>
                                                                                                                    <ext:ColumnLayout ID="ColumnLayout7" runat="server" FitHeight="false">
                                                                                                                        <ext:LayoutColumn ColumnWidth="0.199">
                                                                                                                            <ext:Panel Border="false" ID="Panel24" runat="server">
                                                                                                                                <Body>
                                                                                                                                    <ext:Label Style="float: right" ID="lblRemarks" runat="server" Text="Remarks">
                                                                                                                                    </ext:Label>
                                                                                                                                </Body>
                                                                                                                            </ext:Panel>
                                                                                                                        </ext:LayoutColumn>
                                                                                                                        <ext:LayoutColumn>
                                                                                                                            <ext:Panel Border="false" ID="Panel134" runat="server" Width="3">
                                                                                                                                <Body>
                                                                                                                                </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="txtRemarks" runat="server">
                                                                                                                                        </ext:TextArea>
                                                                                                                                    </ext:FitLayout>
                                                                                                                                </Body>
                                                                                                                            </ext:Panel>
                                                                                                                        </ext:LayoutColumn>
                                                                                                                        <ext:LayoutColumn>
                                                                                                                            <ext:Panel Border="false" ID="Panel122" runat="server" Width="3">
                                                                                                                                <Body>
                                                                                                                                </Body>
                                                                                                                            </ext:Panel>
                                                                                                                        </ext:LayoutColumn>
                                                                                                                    </ext:ColumnLayout>
                                                                                                                </Body>
                                                                                                            </ext:Panel>
                                                                                                        </ext:Anchor>
                                                                                                        <ext:Anchor Horizontal="100%">
                                                                                                            <ext:Panel Border="false" ID="Panel149" runat="server" Height="1">
                                                                                                                <Body>
                                                                                                                </Body>
                                                                                                            </ext:Panel>
                                                                                                        </ext:Anchor>
                                                                                                    </ext:FormLayout>
                                                                                                </Body>
                                                                                            </ext:Panel>
                                                                                        </ext:LayoutColumn>
                                                                                    </ext:ColumnLayout>
                                                                                </Body>
                                                                            </ext:Panel>
                                                                        </Body>
                                                                    </ext:FieldSet>
                                                                </ext:LayoutRow>
                                                                <ext:LayoutRow>
                                                                    <ext:FieldSet ID="fsInbox" runat="server" Title="Inbox" CtCls="extFieldset">
                                                                        <Body>
                                                                            <ext:Panel Border="false" ID="Panel1" runat="server" Height="70">
                                                                                <Body>
                                                                                    <ext:ColumnLayout ID="ColumnLayout8" runat="server" FitHeight="false">
                                                                                        <ext:LayoutColumn>
                                                                                            <ext:Panel Border="false" ID="Panel100" runat="server" Width="3">
                                                                                                <Body>
                                                                                                </Body>
                                                                                            </ext:Panel>
                                                                                        </ext:LayoutColumn>
                                                                                        <ext:LayoutColumn ColumnWidth="0.35">
                                                                                            <ext:Panel Border="false" ID="Panel26" runat="server">
                                                                                                <Body>
                                                                                                    <ext:FormLayout ID="FormLayout3" runat="server">
                                                                                                        <ext:Anchor Horizontal="100%">
                                                                                                            <ext:Panel Border="false" ID="Panel148" runat="server" Height="1">
                                                                                                                <Body>
                                                                                                                </Body>
                                                                                                            </ext:Panel>
                                                                                                        </ext:Anchor>
                                                                                                        <ext:Anchor Horizontal="100%">
                                                                                                            <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:Label Style="float: right" ID="lblDate" runat="server" Text="Date">
                                                                                                                                    </ext:Label>
                                                                                                                                </Body>
                                                                                                                            </ext:Panel>
                                                                                                                        </ext:LayoutColumn>
                                                                                                                        <ext:LayoutColumn>
                                                                                                                            <ext:Panel Border="false" ID="Panel135" runat="server" Width="3">
                                                                                                                                <Body>
                                                                                                                                </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" Width="220">
                                                                                                                                        </ext:DateField>
                                                                                                                                    </ext:FitLayout>
                                                                                                                                </Body>
                                                                                                                            </ext:Panel>
                                                                                                                        </ext:LayoutColumn>
                                                                                                                    </ext:ColumnLayout>
                                                                                                                </Body>
                                                                                                            </ext:Panel>
                                                                                                        </ext:Anchor>
                                                                                                        <ext:Anchor Horizontal="100%">
                                                                                                            <ext:Panel Border="false" ID="Panel150" runat="server" Height="1">
                                                                                                                <Body>
                                                                                                                </Body>
                                                                                                            </ext:Panel>
                                                                                                        </ext:Anchor>
                                                                                                        <ext:Anchor Horizontal="100%">
                                                                                                            <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:Label Style="float: right" ID="lblHow" runat="server" Text="How">
                                                                                                                                    </ext:Label>
                                                                                                                                </Body>
                                                                                                                            </ext:Panel>
                                                                                                                        </ext:LayoutColumn>
                                                                                                                        <ext:LayoutColumn>
                                                                                                                            <ext:Panel Border="false" ID="Panel136" runat="server" Width="3">
                                                                                                                                <Body>
                                                                                                                                </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="100%">
                                                                                                            <ext:Panel Border="false" ID="Panel151" runat="server" Height="1">
                                                                                                                <Body>
                                                                                                                </Body>
                                                                                                            </ext:Panel>
                                                                                                        </ext:Anchor>
                                                                                                        <ext:Anchor Horizontal="100%">
                                                                                                            <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:Label Style="float: right" ID="lblOnbehalfOf" runat="server" Text="On Behalf Of">
                                                                                                                                    </ext:Label>
                                                                                                                                </Body>
                                                                                                                            </ext:Panel>
                                                                                                                        </ext:LayoutColumn>
                                                                                                                        <ext:LayoutColumn>
                                                                                                                            <ext:Panel Border="false" ID="Panel137" runat="server" Width="3">
                                                                                                                                <Body>
                                                                                                                                </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" ReadOnly="true">
                                                                                                                                            <triggers>
                                                                                                                                        <ext:FieldTrigger Icon="Clear" HideTrigger="false" Qtip="Click to clear field" />
                                                                                                                                        <ext:FieldTrigger Icon="Ellipsis" Qtip="Click to choose value" />
                                                                                                                                    </triggers>
                                                                                                                                            <listeners>
                                                                                                                                        <TriggerClick Fn="triggerHandlerOnbehalfOf" />
                                                                                                                                    </listeners>
                                                                                                                                        </ext:TriggerField>
                                                                                                                                    </ext:FitLayout>
                                                                                                                                </Body>
                                                                                                                            </ext:Panel>
                                                                                                                        </ext:LayoutColumn>
                                                                                                                    </ext:ColumnLayout>
                                                                                                                </Body>
                                                                                                            </ext:Panel>
                                                                                                        </ext:Anchor>
                                                                                                        <ext:Anchor Horizontal="100%">
                                                                                                            <ext:Panel Border="false" ID="Panel152" runat="server" Height="1">
                                                                                                                <Body>
                                                                                                                </Body>
                                                                                                            </ext:Panel>
                                                                                                        </ext:Anchor>
                                                                                                    </ext:FormLayout>
                                                                                                </Body>
                                                                                            </ext:Panel>
                                                                                        </ext:LayoutColumn>
                                                                                        <ext:LayoutColumn>
                                                                                            <ext:Panel Border="false" ID="Panel68" runat="server" Width="3">
                                                                                                <Body>
                                                                                                </Body>
                                                                                            </ext:Panel>
                                                                                        </ext:LayoutColumn>
                                                                                        <ext:LayoutColumn ColumnWidth="0.65">
                                                                                            <ext:Panel Border="false" ID="Panel40" runat="server">
                                                                                                <Body>
                                                                                                    <ext:FormLayout ID="FormLayout4" runat="server">
                                                                                                        <ext:Anchor Horizontal="100%">
                                                                                                            <ext:Panel Border="false" ID="Panel36" runat="server">
                                                                                                                <Body>
                                                                                                                    <ext:ColumnLayout ID="ColumnLayout12" runat="server" FitHeight="false">
                                                                                                                        <ext:LayoutColumn ColumnWidth="0.199">
                                                                                                                            <ext:Panel Border="false" ID="Panel37" runat="server">
                                                                                                                                <Body>
                                                                                                                                    <ext:Label Style="float: right" ID="lblInboxRemarks" runat="server" Text="Inbox Remarks">
                                                                                                                                    </ext:Label>
                                                                                                                                </Body>
                                                                                                                            </ext:Panel>
                                                                                                                        </ext:LayoutColumn>
                                                                                                                        <ext:LayoutColumn>
                                                                                                                            <ext:Panel Border="false" ID="Panel138" runat="server" Width="3">
                                                                                                                                <Body>
                                                                                                                                </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="txtInboxRemarks" runat="server">
                                                                                                                                        </ext:TextArea>
                                                                                                                                    </ext:FitLayout>
                                                                                                                                </Body>
                                                                                                                            </ext:Panel>
                                                                                                                        </ext:LayoutColumn>
                                                                                                                        <ext:LayoutColumn>
                                                                                                                            <ext:Panel Border="false" ID="Panel159" runat="server" Width="3">
                                                                                                                                <Body>
                                                                                                                                </Body>
                                                                                                                            </ext:Panel>
                                                                                                                        </ext:LayoutColumn>
                                                                                                                    </ext:ColumnLayout>
                                                                                                                </Body>
                                                                                                            </ext:Panel>
                                                                                                        </ext:Anchor>
                                                                                                        <ext:Anchor Horizontal="100%">
                                                                                                            <ext:Panel Border="false" ID="Panel153" runat="server" Height="1">
                                                                                                                <Body>
                                                                                                                </Body>
                                                                                                            </ext:Panel>
                                                                                                        </ext:Anchor>
                                                                                                    </ext:FormLayout>
                                                                                                </Body>
                                                                                            </ext:Panel>
                                                                                        </ext:LayoutColumn>
                                                                                    </ext:ColumnLayout>
                                                                                </Body>
                                                                            </ext:Panel>
                                                                        </Body>
                                                                    </ext:FieldSet>
                                                                </ext:LayoutRow>
                                                                <ext:LayoutRow>
                                                                    <ext:Panel ID="Panel2" runat="server" Border="false" Height="140">
                                                                        <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="100%" 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:RowLayout ID="RowLayout2" runat="server">
                                                                                                                                <ext:LayoutRow>
                                                                                                                                    <ext:FieldSet ID="fsCurrentDeaaline" runat="server" Title="Current Deaaline">
                                                                                                                                        <Body>
                                                                                                                                            <ext:FormLayout ID="FormLayout6" runat="server">
                                                                                                                                                <ext:Anchor Horizontal="100%">
                                                                                                                                                    <ext:Panel Border="false" ID="Panel43" runat="server">
                                                                                                                                                        <Body>
                                                                                                                                                            <ext:ColumnLayout ID="ColumnLayout14" runat="server" FitHeight="false">
                                                                                                                                                                <ext:LayoutColumn ColumnWidth="0.38">
                                                                                                                                                                    <ext:Panel Border="false" ID="Panel44" runat="server">
                                                                                                                                                                        <Body>
                                                                                                                                                                            <ext:Label Style="float: right" ID="lblFrom" runat="server" Text="From">
                                                                                                                                                                            </ext:Label>
                                                                                                                                                                        </Body>
                                                                                                                                                                    </ext:Panel>
                                                                                                                                                                </ext:LayoutColumn>
                                                                                                                                                                <ext:LayoutColumn>
                                                                                                                                                                    <ext:Panel Border="false" ID="Panel139" runat="server" Width="3">
                                                                                                                                                                        <Body>
                                                                                                                                                                        </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="100%">
                                                                                                                                                    <ext:Panel Border="false" ID="Panel156" runat="server" Height="1">
                                                                                                                                                        <Body>
                                                                                                                                                        </Body>
                                                                                                                                                    </ext:Panel>
                                                                                                                                                </ext:Anchor>
                                                                                                                                                <ext:Anchor Horizontal="100%">
                                                                                                                                                    <ext:Panel Border="false" ID="Panel47" runat="server">
                                                                                                                                                        <Body>
                                                                                                                                                            <ext:ColumnLayout ID="ColumnLayout15" runat="server" FitHeight="false">
                                                                                                                                                                <ext:LayoutColumn ColumnWidth="0.38">
                                                                                                                                                                    <ext:Panel Border="false" ID="Panel48" runat="server">
                                                                                                                                                                        <Body>
                                                                                                                                                                            <ext:Label Style="float: right" ID="lblUntil" runat="server" Text="Until">
                                                                                                                                                                            </ext:Label>
                                                                                                                                                                        </Body>
                                                                                                                                                                    </ext:Panel>
                                                                                                                                                                </ext:LayoutColumn>
                                                                                                                                                                <ext:LayoutColumn>
                                                                                                                                                                    <ext:Panel Border="false" ID="Panel140" runat="server" Width="3">
                                                                                                                                                                        <Body>
                                                                                                                                                                        </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:FormLayout>
                                                                                                                                        </Body>
                                                                                                                                    </ext:FieldSet>
                                                                                                                                </ext:LayoutRow>
                                                                                                                                <ext:LayoutRow>
                                                                                                                                    <ext:Panel Border="false" ID="Panel64" runat="server" Height="50">
                                                                                                                                        <Body>
                                                                                                                                            <ext:FormLayout ID="FormLayout8" runat="server">
                                                                                                                                                <ext:Anchor Horizontal="100%">
                                                                                                                                                    <ext:Panel Border="false" ID="Panel157" runat="server" Height="1">
                                                                                                                                                        <Body>
                                                                                                                                                        </Body>
                                                                                                                                                    </ext:Panel>
                                                                                                                                                </ext:Anchor>
                                                                                                                                                <ext:Anchor Horizontal="100%">
                                                                                                                                                    <ext:Panel Border="false" ID="Panel51" runat="server">
                                                                                                                                                        <Body>
                                                                                                                                                            <ext:ColumnLayout ID="ColumnLayout16" runat="server" FitHeight="false">
                                                                                                                                                                <ext:LayoutColumn ColumnWidth="0.39">
                                                                                                                                                                    <ext:Panel Border="false" ID="Panel52" runat="server">
                                                                                                                                                                        <Body>
                                                                                                                                                                            <ext:Label Style="float: right" ID="lblCreated" runat="server" Text="Created">
                                                                                                                                                                            </ext:Label>
                                                                                                                                                                        </Body>
                                                                                                                                                                    </ext:Panel>
                                                                                                                                                                </ext:LayoutColumn>
                                                                                                                                                                <ext:LayoutColumn>
                                                                                                                                                                    <ext:Panel Border="false" ID="Panel141" runat="server" Width="3">
                                                                                                                                                                        <Body>
                                                                                                                                                                        </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="100%">
                                                                                                                                                    <ext:Panel Border="false" ID="Panel158" runat="server" Height="1">
                                                                                                                                                        <Body>
                                                                                                                                                        </Body>
                                                                                                                                                    </ext:Panel>
                                                                                                                                                </ext:Anchor>
                                                                                                                                                <ext:Anchor Horizontal="100%">
                                                                                                                                                    <ext:Panel Border="false" ID="Panel55" runat="server">
                                                                                                                                                        <Body>
                                                                                                                                                            <ext:ColumnLayout ID="ColumnLayout17" runat="server" FitHeight="false">
                                                                                                                                                                <ext:LayoutColumn ColumnWidth="0.39">
                                                                                                                                                                    <ext:Panel Border="false" ID="Panel56" runat="server">
                                                                                                                                                                        <Body>
                                                                                                                                                                            <ext:Label Style="float: right" ID="lblModified" runat="server" Text="Modified">
                                                                                                                                                                            </ext:Label>
                                                                                                                                                                        </Body>
                                                                                                                                                                    </ext:Panel>
                                                                                                                                                                </ext:LayoutColumn>
                                                                                                                                                                <ext:LayoutColumn>
                                                                                                                                                                    <ext:Panel Border="false" ID="Panel142" runat="server" Width="3">
                                                                                                                                                                        <Body>
                                                                                                                                                                        </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:LayoutRow>
                                                                                                                            </ext:RowLayout>
                                                                                                                        </Body>
                                                                                                                    </ext:Panel>
                                                                                                                </ext:LayoutColumn>
                                                                                                                <ext:LayoutColumn>
                                                                                                                    <ext:Panel Border="false" ID="Panel69" runat="server" Width="3">
                                                                                                                        <Body>
                                                                                                                        </Body>
                                                                                                                    </ext:Panel>
                                                                                                                </ext:LayoutColumn>
                                                                                                                <ext:LayoutColumn ColumnWidth="0.65">
                                                                                                                    <ext:Panel ID="Panel59" runat="server" Border="false">
                                                                                                                        <Body>
                                                                                                                            <ext:FitLayout ID="FitLayout37" runat="server">
                                                                                                                                <ext:TextArea ID="txtProcessedBy" runat="server">
                                                                                                                                </ext:TextArea>
                                                                                                                            </ext:FitLayout>
                                                                                                                        </Body>
                                                                                                                    </ext:Panel>
                                                                                                                </ext:LayoutColumn>
                                                                                                                <ext:LayoutColumn>
                                                                                                                    <ext:Panel Border="false" ID="Panel105" runat="server" Width="3">
                                                                                                                        <Body>
                                                                                                                        </Body>
                                                                                                                    </ext:Panel>
                                                                                                                </ext:LayoutColumn>
                                                                                                            </ext:ColumnLayout>
                                                                                                        </Body>
                                                                                                    </ext:Panel>
                                                                                                </ext:Anchor>
                                                                                                <ext:Anchor Horizontal="100%">
                                                                                                    <ext:Panel Border="false" ID="Panel154" runat="server" Height="1">
                                                                                                        <Body>
                                                                                                        </Body>
                                                                                                    </ext:Panel>
                                                                                                </ext:Anchor>
                                                                                            </ext:FormLayout>
                                                                                        </Body>
                                                                                    </ext:Panel>
                                                                                </ext:LayoutRow>
                                                                            </ext:RowLayout>
                                                                        </Body>
                                                                    </ext:Panel>
                                                                </ext:LayoutRow>
                                                                <ext:LayoutRow RowHeight="1">
                                                                    <ext:Panel Border="false" ID="Panel3" runat="server">
                                                                        <Body>
                                                                            <ext:FormLayout ID="FormLayout7" runat="server">
                                                                                <ext:Anchor Vertical="99%" Horizontal="100%">
                                                                                    <ext:Panel Border="false" ID="Panel61" runat="server">
                                                                                        <Body>
                                                                                            <ext:ColumnLayout ID="ColumnLayout18" runat="server" FitHeight="true">
                                                                                                <ext:LayoutColumn>
                                                                                                    <ext:Panel Border="false" ID="Panel102" runat="server" Width="3">
                                                                                                        <Body>
                                                                                                        </Body>
                                                                                                    </ext:Panel>
                                                                                                </ext:LayoutColumn>
                                                                                                <ext:LayoutColumn ColumnWidth="1">
                                                                                                    <ext:Panel Border="false" ID="Panel103" runat="server" Width="3">
                                                                                                        <Body>
                                                                                                            <ext:RowLayout ID="rowLayout19" runat="server">
                                                                                                                <ext:LayoutRow>
                                                                                                                    <ext:Panel Border="false" ID="Panel62" runat="server" Height="20">
                                                                                                                        <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="1">
                                                                                                                    <ext:Panel Border="false" ID="Panel63" runat="server">
                                                                                                                        <Body>
                                                                                                                            <ext:FitLayout ID="FitLayout39" runat="server">
                                                                                                                                <ext:TextArea ID="txtDecisions" runat="server">
                                                                                                                                </ext:TextArea>
                                                                                                                            </ext:FitLayout>
                                                                                                                        </Body>
                                                                                                                    </ext:Panel>
                                                                                                                </ext:LayoutRow>
                                                                                                                <ext:LayoutRow>
                                                                                                                    <ext:Panel Border="false" ID="Panel127" runat="server" Height="3">
                                                                                                                        <Body>
                                                                                                                        </Body>
                                                                                                                    </ext:Panel>
                                                                                                                </ext:LayoutRow>
                                                                                                                <ext:LayoutRow>
                                                                                                                    <ext:Panel Border="false" ID="Panel123" runat="server" Height="25">
                                                                                                                        <Body>
                                                                                                                            <ext:ColumnLayout ID="ColumnLayout25" runat="server" FitHeight="true">
                                                                                                                                <ext:LayoutColumn ColumnWidth="1">
                                                                                                                                    <ext:Panel Border="false" ID="Panel126" runat="server">
                                                                                                                                        <Body>
                                                                                                                                        </Body>
                                                                                                                                    </ext:Panel>
                                                                                                                                </ext:LayoutColumn>
                                                                                                                                <ext:LayoutColumn>
                                                                                                                                    <ext:Panel Border="false" ID="Panel143" runat="server" Width="103">
                                                                                                                                        <Body>
                                                                                                                                            <ext:Button ID="btnBack" runat="server" Text="List Overview" Icon="reversegreen">
                                                                                                                                                <AjaxEvents>
                                                                                                                                                    <Click OnEvent="btnBack_Click">
                                                                                                                                                        <EventMask ShowMask="true" MinDelay="500" Msg="Loading..." />
                                                                                                                                                    </Click>
                                                                                                                                                </AjaxEvents>
                                                                                                                                            </ext:Button>
                                                                                                                                        </Body>
                                                                                                                                    </ext:Panel>
                                                                                                                                </ext:LayoutColumn>
                                                                                                                                <ext:LayoutColumn>
                                                                                                                                    <ext:Panel Border="false" ID="Panel124" runat="server" Width="53">
                                                                                                                                        <Body>
                                                                                                                                            <ext:Button ID="btnApply" runat="server" Text="Apply">
                                                                                                                                                <AjaxEvents>
                                                                                                                                                    <Click OnEvent="btnApply_Click">
                                                                                                                                                        <EventMask ShowMask="true" MinDelay="500" Msg="Updating the values..." />
                                                                                                                                                    </Click>
                                                                                                                                                </AjaxEvents>
                                                                                                                                            </ext:Button>
                                                                                                                                        </Body>
                                                                                                                                    </ext:Panel>
                                                                                                                                </ext:LayoutColumn>
                                                                                                                                <ext:LayoutColumn>
                                                                                                                                    <ext:Panel Border="false" ID="Panel125" runat="server" Width="55">
                                                                                                                                        <Body>
                                                                                                                                            <ext:Button ID="btnCancel" runat="server" Text="Cancel">
                                                                                                                                                <AjaxEvents>
                                                                                                                                                    <Click OnEvent="btnCancel_Click">
                                                                                                                                                        <EventMask ShowMask="true" MinDelay="500" Msg="Cancel the changes..." />
                                                                                                                                                    </Click>
                                                                                                                                                </AjaxEvents>
                                                                                                                                            </ext:Button>
                                                                                                                                        </Body>
                                                                                                                                    </ext:Panel>
                                                                                                                                </ext:LayoutColumn>
                                                                                                                            </ext:ColumnLayout>
                                                                                                                        </Body>
                                                                                                                    </ext:Panel>
                                                                                                                </ext:LayoutRow>
                                                                                                            </ext:RowLayout>
                                                                                                        </Body>
                                                                                                    </ext:Panel>
                                                                                                </ext:LayoutColumn>
                                                                                                <ext:LayoutColumn>
                                                                                                    <ext:Panel Border="false" ID="Panel104" runat="server" Width="3">
                                                                                                        <Body>
                                                                                                        </Body>
                                                                                                    </ext:Panel>
                                                                                                </ext:LayoutColumn>
                                                                                            </ext:ColumnLayout>
                                                                                        </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>
  2. #2

    RE: [CLOSED] Browser compatibility issue with Layout

    Hi,

    Try the following


    1. For Labels: change Style="float: right;" by Cls="right-label"
    2. Add the following css rules
    <style type="text/css">
    .right-label{
    float:right;
    padding-right:3px;
    }

    .ext-ie7 .right-label{
    padding-right:0px;
    }
    </style>

  3. #3

    RE: [CLOSED] Browser compatibility issue with Layout

    Hi,

    By the above script it giving the gap,but i am getting the controls alignment problem,some controls are cutting in the firefox and some controls are not in the stright line.

    I am sending the latest code and screen shot for more details
    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="ProjectDetails.aspx.cs" Inherits="ProjectDetails" %>
    
    <%@ 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 id="Head1" runat="server">
        <title></title>
    
        <script type="text/javascript">
            var triggerHandlerOnbehalfOf = function(el, trigger, index) {
                switch (index) {
                    case 0:
                        tfOnbehalfOf.getEl().applyStyles('background:white');
                        tfOnbehalfOf.triggers[0].hide();
                        tfOnbehalfOf.setValue('');
                        break;
    //                case 1:
    //                    WindowOnbehalfOf.show();
    //                    break;
                }
            }
             var triggerHandlerIsPartof = function(el, trigger, index) {
                switch (index) {
                    case 0:
                        tfIsPartof.getEl().applyStyles('background:white');
                        tfIsPartof.triggers[0].hide();
                        tfIsPartof.setValue('');
                        break;
    //                case 1:
    //                    WindowIsPartof.show();
    //                    break;
                }
            }
             var triggerHandlerCustomer = function(el, trigger, index) {
                switch (index) {
                    case 0:
                        tfCustomer.getEl().applyStyles('background:white');
                        tfCustomer.triggers[0].hide();
                        tfCustomer.setValue('');
                        break;
    //                case 1:
    //                    WindowCustomer.show();
    //                    break;
                }
            }
        </script>
    
        <style type="text/css">
            .right-label{
                float:right;
                padding-right:6px;
            }
            
            .ext-ie6 .right-label{
                padding-right:0px;
            }
            .right-checkbox{
                padding-left:3px;
            }
            .ext-ie6 .right-checkbox{
                padding-left:0px;
            }
           
        </style>
    </head>
    <body>
        <ext:ScriptManager ID="ScriptManager1" runat="server" />
        <form id="form1" 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" MinTabWidth="150"
                                ResizeTabs="true">
                                <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>
                                                                    <ext:Panel Border="false" ID="Panel106" runat="server" Height="3">
                                                                        <Body>
                                                                        </Body>
                                                                    </ext:Panel>
                                                                </ext:LayoutRow>
                                                                <ext:LayoutRow>
                                                                    <ext:FieldSet ID="fsDescription" runat="server" Title="Description">
                                                                        <Body>
                                                                            <ext:Panel Border="false" ID="Panel5" runat="server" Height="91">
                                                                                <Body>
                                                                                    <ext:ColumnLayout ID="ColumnLayout1" runat="server" FitHeight="false">
                                                                                        <ext:LayoutColumn>
                                                                                            <ext:Panel Border="false" ID="Panel72" runat="server" Width="3">
                                                                                                <Body>
                                                                                                </Body>
                                                                                            </ext:Panel>
                                                                                        </ext:LayoutColumn>
                                                                                        <ext:LayoutColumn ColumnWidth="0.35">
                                                                                            <ext:Panel Border="false" ID="panGrdInbox" runat="server">
                                                                                                <Body>
                                                                                                    <ext:FormLayout ID="FormLayout1" runat="server">
                                                                                                        <ext:Anchor Horizontal="100%">
                                                                                                            <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:Label Cls="right-label" ID="lblCode" runat="server" Text="Code">
                                                                                                                                    </ext:Label>
                                                                                                                                </Body>
                                                                                                                            </ext:Panel>
                                                                                                                        </ext:LayoutColumn>
                                                                                                                        <ext:LayoutColumn>
                                                                                                                            <ext:Panel Border="false" ID="Panel128" runat="server" Width="3">
                                                                                                                                <Body>
                                                                                                                                </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="chkDone"  CtCls="right-checkbox" runat="server" BoxLabel="Done">
                                                                                                                                        </ext:Checkbox>
                                                                                                                                    </ext:FitLayout>
                                                                                                                                </Body>
                                                                                                                            </ext:Panel>
                                                                                                                        </ext:LayoutColumn>
                                                                                                                    </ext:ColumnLayout>
                                                                                                                </Body>
                                                                                                            </ext:Panel>
                                                                                                        </ext:Anchor>
                                                                                                        <ext:Anchor Horizontal="100%">
                                                                                                            <ext:Panel Border="false" ID="Panel144" runat="server" Height="1">
                                                                                                                <Body>
                                                                                                                </Body>
                                                                                                            </ext:Panel>
                                                                                                        </ext:Anchor>
                                                                                                        <ext:Anchor Horizontal="100%">
                                                                                                            <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:Label Cls="right-label" ID="lblCustomer" runat="server" Text="Customer">
                                                                                                                                    </ext:Label>
                                                                                                                                </Body>
                                                                                                                            </ext:Panel>
                                                                                                                        </ext:LayoutColumn>
                                                                                                                        <ext:LayoutColumn>
                                                                                                                            <ext:Panel Border="false" ID="Panel129" runat="server" Width="3">
                                                                                                                                <Body>
                                                                                                                                </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" ReadOnly="true">
                                                                                                                                            <triggers>
                                                                                                                                        <ext:FieldTrigger Icon="Clear" HideTrigger="false" Qtip="Click to clear field"  />
                                                                                                                                        <ext:FieldTrigger Icon="Ellipsis" Qtip="Click to choose value" />
                                                                                                                                    </triggers>
                                                                                                                                            <listeners>
                                                                                                                                        <TriggerClick Fn="triggerHandlerCustomer" />
                                                                                                                                    </listeners>
                                                                                                                                        </ext:TriggerField>
                                                                                                                                    </ext:FitLayout>
                                                                                                                                </Body>
                                                                                                                            </ext:Panel>
                                                                                                                        </ext:LayoutColumn>
                                                                                                                    </ext:ColumnLayout>
                                                                                                                </Body>
                                                                                                            </ext:Panel>
                                                                                                        </ext:Anchor>
                                                                                                        <ext:Anchor Horizontal="100%">
                                                                                                            <ext:Panel Border="false" ID="Panel145" runat="server" Height="1">
                                                                                                                <Body>
                                                                                                                </Body>
                                                                                                            </ext:Panel>
                                                                                                        </ext:Anchor>
                                                                                                        <ext:Anchor Horizontal="100%">
                                                                                                            <ext:Panel Border="false" ID="Panel11" runat="server">
                                                                                                                <Body>
                                                                                                                    <ext:ColumnLayout ID="ColumnLayout4" runat="server" FitHeight="false">
                                                                                                                        <ext:LayoutColumn ColumnWidth="0.35">
                                                                                                                            <ext:Panel Border="false" ID="Panel12" runat="server">
                                                                                                                                <Body>
                                                                                                                                    <ext:Label Cls="right-label" ID="lblKind" runat="server" Text="Kind">
                                                                                                                                    </ext:Label>
                                                                                                                                </Body>
                                                                                                                            </ext:Panel>
                                                                                                                        </ext:LayoutColumn>
                                                                                                                        <ext:LayoutColumn>
                                                                                                                            <ext:Panel Border="false" ID="Panel130" runat="server" Width="3">
                                                                                                                                <Body>
                                                                                                                                </Body>
                                                                                                                            </ext:Panel>
                                                                                                                        </ext:LayoutColumn>
                                                                                                                        <ext:LayoutColumn ColumnWidth="0.65">
                                                                                                                            <ext:Panel Border="false" ID="Panel13" runat="server">
                                                                                                                                <Body>
                                                                                                                                    <ext:FitLayout ID="FitLayout9" runat="server">
                                                                                                                                        <ext:ComboBox ID="cboKind" runat="server" Width="220">
                                                                                                                                        </ext:ComboBox>
                                                                                                                                    </ext:FitLayout>
                                                                                                                                </Body>
                                                                                                                            </ext:Panel>
                                                                                                                        </ext:LayoutColumn>
                                                                                                                    </ext:ColumnLayout>
                                                                                                                </Body>
                                                                                                            </ext:Panel>
                                                                                                        </ext:Anchor>
                                                                                                        <ext:Anchor Horizontal="100%">
                                                                                                            <ext:Panel Border="false" ID="Panel146" runat="server" Height="1">
                                                                                                                <Body>
                                                                                                                </Body>
                                                                                                            </ext:Panel>
                                                                                                        </ext:Anchor>
                                                                                                        <ext:Anchor Horizontal="100%">
                                                                                                            <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:Label Cls="right-label" ID="lblIsPartof" runat="server" Text="Is Part Of">
                                                                                                                                    </ext:Label>
                                                                                                                                </Body>
                                                                                                                            </ext:Panel>
                                                                                                                        </ext:LayoutColumn>
                                                                                                                        <ext:LayoutColumn>
                                                                                                                            <ext:Panel Border="false" ID="Panel131" runat="server" Width="3">
                                                                                                                                <Body>
                                                                                                                                </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" ReadOnly="true">
                                                                                                                                            <triggers>
                                                                                                                                        <ext:FieldTrigger Icon="Clear" HideTrigger="false" Qtip="Click to clear field" />
                                                                                                                                        <ext:FieldTrigger Icon="Ellipsis" Qtip="Click to choose value" />
                                                                                                                                    </triggers>
                                                                                                                                            <listeners>
                                                                                                                                        <TriggerClick Fn="triggerHandlerIsPartof" />
                                                                                                                                    </listeners>
                                                                                                                                        </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>
                                                                                            <ext:Panel Border="false" ID="Panel67" runat="server" Width="3">
                                                                                                <Body>
                                                                                                </Body>
                                                                                            </ext:Panel>
                                                                                        </ext:LayoutColumn>
                                                                                        <ext:LayoutColumn ColumnWidth="0.65">
                                                                                            <ext:Panel Border="false" ID="Panel4" runat="server">
                                                                                                <Body>
                                                                                                    <ext:FormLayout ID="FormLayout2" runat="server">
                                                                                                        <ext:Anchor Horizontal="100%">
                                                                                                            <ext:Panel Border="false" ID="Panel155" runat="server" Height="1">
                                                                                                                <Body>
                                                                                                                </Body>
                                                                                                            </ext:Panel>
                                                                                                        </ext:Anchor>
                                                                                                        <ext:Anchor Horizontal="100%">
                                                                                                            <ext:Panel Border="false" ID="Panel18" runat="server">
                                                                                                                <Body>
                                                                                                                    <ext:ColumnLayout ID="ColumnLayout6" runat="server" FitHeight="false">
                                                                                                                        <ext:LayoutColumn ColumnWidth="0.20">
                                                                                                                            <ext:Panel Border="false" ID="Panel19" runat="server">
                                                                                                                                <Body>
                                                                                                                                    <ext:Label Cls="right-label" ID="lblSubject" runat="server" Text="Subject">
                                                                                                                                    </ext:Label>
                                                                                                                                </Body>
                                                                                                                            </ext:Panel>
                                                                                                                        </ext:LayoutColumn>
                                                                                                                        <ext:LayoutColumn>
                                                                                                                            <ext:Panel Border="false" ID="Panel132" runat="server" Width="3">
                                                                                                                                <Body>
                                                                                                                                </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:Label Cls="right-label" ID="lblPriority" runat="server" Text="Priority">
                                                                                                                                    </ext:Label>
                                                                                                                                </Body>
                                                                                                                            </ext:Panel>
                                                                                                                        </ext:LayoutColumn>
                                                                                                                        <ext:LayoutColumn>
                                                                                                                            <ext:Panel Border="false" ID="Panel133" runat="server" Width="3">
                                                                                                                                <Body>
                                                                                                                                </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" Select&#111;nfocus="true"
                                                                                                                                            Width="114">
                                                                                                                                        </ext:ComboBox>
                                                                                                                                    </ext:FitLayout>
                                                                                                                                </Body>
                                                                                                                            </ext:Panel>
                                                                                                                        </ext:LayoutColumn>
                                                                                                                        <ext:LayoutColumn>
                                                                                                                            <ext:Panel Border="false" ID="Panel160" runat="server" Width="3">
                                                                                                                                <Body>
                                                                                                                                </Body>
                                                                                                                            </ext:Panel>
                                                                                                                        </ext:LayoutColumn>
                                                                                                                    </ext:ColumnLayout>
                                                                                                                </Body>
                                                                                                            </ext:Panel>
                                                                                                        </ext:Anchor>
                                                                                                        <ext:Anchor Horizontal="100%">
                                                                                                            <ext:Panel Border="false" ID="Panel147" runat="server" Height="1">
                                                                                                                <Body>
                                                                                                                </Body>
                                                                                                            </ext:Panel>
                                                                                                        </ext:Anchor>
                                                                                                        <ext:Anchor Horizontal="100%" Vertical="99%">
                                                                                                            <ext:Panel Border="false" ID="Panel23" runat="server">
                                                                                                                <Body>
                                                                                                                    <ext:ColumnLayout ID="ColumnLayout7" runat="server" FitHeight="false">
                                                                                                                        <ext:LayoutColumn ColumnWidth="0.199">
                                                                                                                            <ext:Panel Border="false" ID="Panel24" runat="server">
                                                                                                                                <Body>
                                                                                                                                    <ext:Label Cls="right-label" ID="lblRemarks" runat="server" Text="Remarks">
                                                                                                                                    </ext:Label>
                                                                                                                                </Body>
                                                                                                                            </ext:Panel>
                                                                                                                        </ext:LayoutColumn>
                                                                                                                        <ext:LayoutColumn>
                                                                                                                            <ext:Panel Border="false" ID="Panel134" runat="server" Width="3">
                                                                                                                                <Body>
                                                                                                                                </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="txtRemarks" runat="server">
                                                                                                                                        </ext:TextArea>
                                                                                                                                    </ext:FitLayout>
                                                                                                                                </Body>
                                                                                                                            </ext:Panel>
                                                                                                                        </ext:LayoutColumn>
                                                                                                                        <ext:LayoutColumn>
                                                                                                                            <ext:Panel Border="false" ID="Panel122" runat="server" Width="3">
                                                                                                                                <Body>
                                                                                                                                </Body>
                                                                                                                            </ext:Panel>
                                                                                                                        </ext:LayoutColumn>
                                                                                                                    </ext:ColumnLayout>
                                                                                                                </Body>
                                                                                                            </ext:Panel>
                                                                                                        </ext:Anchor>
                                                                                                        <ext:Anchor Horizontal="100%">
                                                                                                            <ext:Panel Border="false" ID="Panel149" runat="server" Height="1">
                                                                                                                <Body>
                                                                                                                </Body>
                                                                                                            </ext:Panel>
                                                                                                        </ext:Anchor>
                                                                                                    </ext:FormLayout>
                                                                                                </Body>
                                                                                            </ext:Panel>
                                                                                        </ext:LayoutColumn>
                                                                                    </ext:ColumnLayout>
                                                                                </Body>
                                                                            </ext:Panel>
                                                                        </Body>
                                                                    </ext:FieldSet>
                                                                </ext:LayoutRow>
                                                                <ext:LayoutRow>
                                                                    <ext:FieldSet ID="fsInbox" runat="server" Title="Inbox" CtCls="extFieldset">
                                                                        <Body>
                                                                            <ext:Panel Border="false" ID="Panel1" runat="server" Height="70">
                                                                                <Body>
                                                                                    <ext:ColumnLayout ID="ColumnLayout8" runat="server" FitHeight="false">
                                                                                        <ext:LayoutColumn>
                                                                                            <ext:Panel Border="false" ID="Panel100" runat="server" Width="3">
                                                                                                <Body>
                                                                                                </Body>
                                                                                            </ext:Panel>
                                                                                        </ext:LayoutColumn>
                                                                                        <ext:LayoutColumn ColumnWidth="0.35">
                                                                                            <ext:Panel Border="false" ID="Panel26" runat="server">
                                                                                                <Body>
                                                                                                    <ext:FormLayout ID="FormLayout3" runat="server">
                                                                                                        <ext:Anchor Horizontal="100%">
                                                                                                            <ext:Panel Border="false" ID="Panel148" runat="server" Height="1">
                                                                                                                <Body>
                                                                                                                </Body>
                                                                                                            </ext:Panel>
                                                                                                        </ext:Anchor>
                                                                                                        <ext:Anchor Horizontal="100%">
                                                                                                            <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:Label Cls="right-label" ID="lblDate" runat="server" Text="Date">
                                                                                                                                    </ext:Label>
                                                                                                                                </Body>
                                                                                                                            </ext:Panel>
                                                                                                                        </ext:LayoutColumn>
                                                                                                                        <ext:LayoutColumn>
                                                                                                                            <ext:Panel Border="false" ID="Panel135" runat="server" Width="3">
                                                                                                                                <Body>
                                                                                                                                </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" Width="220">
                                                                                                                                        </ext:DateField>
                                                                                                                                    </ext:FitLayout>
                                                                                                                                </Body>
                                                                                                                            </ext:Panel>
                                                                                                                        </ext:LayoutColumn>
                                                                                                                    </ext:ColumnLayout>
                                                                                                                </Body>
                                                                                                            </ext:Panel>
                                                                                                        </ext:Anchor>
                                                                                                        <ext:Anchor Horizontal="100%">
                                                                                                            <ext:Panel Border="false" ID="Panel150" runat="server" Height="1">
                                                                                                                <Body>
                                                                                                                </Body>
                                                                                                            </ext:Panel>
                                                                                                        </ext:Anchor>
                                                                                                        <ext:Anchor Horizontal="100%">
                                                                                                            <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:Label Cls="right-label" ID="lblHow" runat="server" Text="How">
                                                                                                                                    </ext:Label>
                                                                                                                                </Body>
                                                                                                                            </ext:Panel>
                                                                                                                        </ext:LayoutColumn>
                                                                                                                        <ext:LayoutColumn>
                                                                                                                            <ext:Panel Border="false" ID="Panel136" runat="server" Width="3">
                                                                                                                                <Body>
                                                                                                                                </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="100%">
                                                                                                            <ext:Panel Border="false" ID="Panel151" runat="server" Height="1">
                                                                                                                <Body>
                                                                                                                </Body>
                                                                                                            </ext:Panel>
                                                                                                        </ext:Anchor>
                                                                                                        <ext:Anchor Horizontal="100%">
                                                                                                            <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:Label Cls="right-label" ID="lblOnbehalfOf" runat="server" Text="On Behalf Of">
                                                                                                                                    </ext:Label>
                                                                                                                                </Body>
                                                                                                                            </ext:Panel>
                                                                                                                        </ext:LayoutColumn>
                                                                                                                        <ext:LayoutColumn>
                                                                                                                            <ext:Panel Border="false" ID="Panel137" runat="server" Width="3">
                                                                                                                                <Body>
                                                                                                                                </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" ReadOnly="true">
                                                                                                                                            <triggers>
                                                                                                                                        <ext:FieldTrigger Icon="Clear" HideTrigger="false" Qtip="Click to clear field" />
                                                                                                                                        <ext:FieldTrigger Icon="Ellipsis" Qtip="Click to choose value" />
                                                                                                                                    </triggers>
                                                                                                                                            <listeners>
                                                                                                                                        <TriggerClick Fn="triggerHandlerOnbehalfOf" />
                                                                                                                                    </listeners>
                                                                                                                                        </ext:TriggerField>
                                                                                                                                    </ext:FitLayout>
                                                                                                                                </Body>
                                                                                                                            </ext:Panel>
                                                                                                                        </ext:LayoutColumn>
                                                                                                                    </ext:ColumnLayout>
                                                                                                                </Body>
                                                                                                            </ext:Panel>
                                                                                                        </ext:Anchor>
                                                                                                        <ext:Anchor Horizontal="100%">
                                                                                                            <ext:Panel Border="false" ID="Panel152" runat="server" Height="1">
                                                                                                                <Body>
                                                                                                                </Body>
                                                                                                            </ext:Panel>
                                                                                                        </ext:Anchor>
                                                                                                    </ext:FormLayout>
                                                                                                </Body>
                                                                                            </ext:Panel>
                                                                                        </ext:LayoutColumn>
                                                                                        <ext:LayoutColumn>
                                                                                            <ext:Panel Border="false" ID="Panel68" runat="server" Width="3">
                                                                                                <Body>
                                                                                                </Body>
                                                                                            </ext:Panel>
                                                                                        </ext:LayoutColumn>
                                                                                        <ext:LayoutColumn ColumnWidth="0.65">
                                                                                            <ext:Panel Border="false" ID="Panel40" runat="server">
                                                                                                <Body>
                                                                                                    <ext:FormLayout ID="FormLayout4" runat="server">
                                                                                                        <ext:Anchor Horizontal="100%">
                                                                                                            <ext:Panel Border="false" ID="Panel36" runat="server">
                                                                                                                <Body>
                                                                                                                    <ext:ColumnLayout ID="ColumnLayout12" runat="server" FitHeight="false">
                                                                                                                        <ext:LayoutColumn ColumnWidth="0.199">
                                                                                                                            <ext:Panel Border="false" ID="Panel37" runat="server">
                                                                                                                                <Body>
                                                                                                                                    <ext:Label Cls="right-label" ID="lblInboxRemarks" runat="server" Text="Inbox Remarks">
                                                                                                                                    </ext:Label>
                                                                                                                                </Body>
                                                                                                                            </ext:Panel>
                                                                                                                        </ext:LayoutColumn>
                                                                                                                        <ext:LayoutColumn>
                                                                                                                            <ext:Panel Border="false" ID="Panel138" runat="server" Width="3">
                                                                                                                                <Body>
                                                                                                                                </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="txtInboxRemarks" runat="server">
                                                                                                                                        </ext:TextArea>
                                                                                                                                    </ext:FitLayout>
                                                                                                                                </Body>
                                                                                                                            </ext:Panel>
                                                                                                                        </ext:LayoutColumn>
                                                                                                                        <ext:LayoutColumn>
                                                                                                                            <ext:Panel Border="false" ID="Panel159" runat="server" Width="3">
                                                                                                                                <Body>
                                                                                                                                </Body>
                                                                                                                            </ext:Panel>
                                                                                                                        </ext:LayoutColumn>
                                                                                                                    </ext:ColumnLayout>
                                                                                                                </Body>
                                                                                                            </ext:Panel>
                                                                                                        </ext:Anchor>
                                                                                                        <ext:Anchor Horizontal="100%">
                                                                                                            <ext:Panel Border="false" ID="Panel153" runat="server" Height="1">
                                                                                                                <Body>
                                                                                                                </Body>
                                                                                                            </ext:Panel>
                                                                                                        </ext:Anchor>
                                                                                                    </ext:FormLayout>
                                                                                                </Body>
                                                                                            </ext:Panel>
                                                                                        </ext:LayoutColumn>
                                                                                    </ext:ColumnLayout>
                                                                                </Body>
                                                                            </ext:Panel>
                                                                        </Body>
                                                                    </ext:FieldSet>
                                                                </ext:LayoutRow>
                                                                <ext:LayoutRow>
                                                                    <ext:Panel ID="Panel2" runat="server" Border="false" Height="140">
                                                                        <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="100%" 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:RowLayout ID="RowLayout2" runat="server">
                                                                                                                                <ext:LayoutRow>
                                                                                                                                    <ext:FieldSet ID="fsCurrentDeaaline" runat="server" Title="Current Deaaline">
                                                                                                                                        <Body>
                                                                                                                                            <ext:FormLayout ID="FormLayout6" runat="server">
                                                                                                                                                <ext:Anchor Horizontal="100%">
                                                                                                                                                    <ext:Panel Border="false" ID="Panel43" runat="server">
                                                                                                                                                        <Body>
                                                                                                                                                            <ext:ColumnLayout ID="ColumnLayout14" runat="server" FitHeight="false">
                                                                                                                                                                <ext:LayoutColumn ColumnWidth="0.374">
                                                                                                                                                                    <ext:Panel Border="false" ID="Panel44" runat="server">
                                                                                                                                                                        <Body>
                                                                                                                                                                            <ext:Label Cls="right-label" ID="lblFrom" runat="server" Text="From">
                                                                                                                                                                            </ext:Label>
                                                                                                                                                                        </Body>
                                                                                                                                                                    </ext:Panel>
                                                                                                                                                                </ext:LayoutColumn>
                                                                                                                                                                <ext:LayoutColumn>
                                                                                                                                                                    <ext:Panel Border="false" ID="Panel139" runat="server" Width="3">
                                                                                                                                                                        <Body>
                                                                                                                                                                        </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"  CtCls="right-checkbox" BoxLabel="Reminder" runat="server">
                                                                                                                                                                                </ext:Checkbox>
                                                                                                                                                                            </ext:FitLayout>
                                                                                                                                                                        </Body>
                                                                                                                                                                    </ext:Panel>
                                                                                                                                                                </ext:LayoutColumn>
                                                                                                                                                            </ext:ColumnLayout>
                                                                                                                                                        </Body>
                                                                                                                                                    </ext:Panel>
                                                                                                                                                </ext:Anchor>
                                                                                                                                                <ext:Anchor Horizontal="100%">
                                                                                                                                                    <ext:Panel Border="false" ID="Panel156" runat="server" Height="1">
                                                                                                                                                        <Body>
                                                                                                                                                        </Body>
                                                                                                                                                    </ext:Panel>
                                                                                                                                                </ext:Anchor>
                                                                                                                                                <ext:Anchor Horizontal="100%">
                                                                                                                                                    <ext:Panel Border="false" ID="Panel47" runat="server">
                                                                                                                                                        <Body>
                                                                                                                                                            <ext:ColumnLayout ID="ColumnLayout15" runat="server" FitHeight="false">
                                                                                                                                                                <ext:LayoutColumn ColumnWidth="0.374">
                                                                                                                                                                    <ext:Panel Border="false" ID="Panel48" runat="server">
                                                                                                                                                                        <Body>
                                                                                                                                                                            <ext:Label Cls="right-label" ID="lblUntil" runat="server" Text="Until">
                                                                                                                                                                            </ext:Label>
                                                                                                                                                                        </Body>
                                                                                                                                                                    </ext:Panel>
                                                                                                                                                                </ext:LayoutColumn>
                                                                                                                                                                <ext:LayoutColumn>
                                                                                                                                                                    <ext:Panel Border="false" ID="Panel140" runat="server" Width="3">
                                                                                                                                                                        <Body>
                                                                                                                                                                        </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"  CtCls="right-checkbox" runat="server">
                                                                                                                                                                                </ext:ComboBox>
                                                                                                                                                                            </ext:FitLayout>
                                                                                                                                                                        </Body>
                                                                                                                                                                    </ext:Panel>
                                                                                                                                                                </ext:LayoutColumn>
                                                                                                                                                            </ext:ColumnLayout>
                                                                                                                                                        </Body>
                                                                                                                                                    </ext:Panel>
                                                                                                                                                </ext:Anchor>
                                                                                                                                            </ext:FormLayout>
                                                                                                                                        </Body>
                                                                                                                                    </ext:FieldSet>
                                                                                                                                </ext:LayoutRow>
                                                                                                                                <ext:LayoutRow>
                                                                                                                                    <ext:Panel Border="false" ID="Panel64" runat="server" Height="50">
                                                                                                                                        <Body>
                                                                                                                                            <ext:FormLayout ID="FormLayout8" runat="server">
                                                                                                                                                <ext:Anchor Horizontal="100%">
                                                                                                                                                    <ext:Panel Border="false" ID="Panel157" runat="server" Height="1">
                                                                                                                                                        <Body>
                                                                                                                                                        </Body>
                                                                                                                                                    </ext:Panel>
                                                                                                                                                </ext:Anchor>
                                                                                                                                                <ext:Anchor Horizontal="100%">
                                                                                                                                                    <ext:Panel Border="false" ID="Panel51" runat="server">
                                                                                                                                                        <Body>
                                                                                                                                                            <ext:ColumnLayout ID="ColumnLayout16" runat="server" FitHeight="false">
                                                                                                                                                                <ext:LayoutColumn ColumnWidth="0.383">
                                                                                                                                                                    <ext:Panel Border="false" ID="Panel52" runat="server">
                                                                                                                                                                        <Body>
                                                                                                                                                                            <ext:Label Cls="right-label" ID="lblCreated" runat="server" Text="Created">
                                                                                                                                                                            </ext:Label>
                                                                                                                                                                        </Body>
                                                                                                                                                                    </ext:Panel>
                                                                                                                                                                </ext:LayoutColumn>
                                                                                                                                                                <ext:LayoutColumn>
                                                                                                                                                                    <ext:Panel Border="false" ID="Panel141" runat="server" Width="3">
                                                                                                                                                                        <Body>
                                                                                                                                                                        </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" CtCls="right-checkbox" runat="server" ReadOnly="true">
                                                                                                                                                                                </ext:TextField>
                                                                                                                                                                            </ext:FitLayout>
                                                                                                                                                                        </Body>
                                                                                                                                                                    </ext:Panel>
                                                                                                                                                                </ext:LayoutColumn>
                                                                                                                                                            </ext:ColumnLayout>
                                                                                                                                                        </Body>
                                                                                                                                                    </ext:Panel>
                                                                                                                                                </ext:Anchor>
                                                                                                                                                <ext:Anchor Horizontal="100%">
                                                                                                                                                    <ext:Panel Border="false" ID="Panel158" runat="server" Height="1">
                                                                                                                                                        <Body>
                                                                                                                                                        </Body>
                                                                                                                                                    </ext:Panel>
                                                                                                                                                </ext:Anchor>
                                                                                                                                                <ext:Anchor Horizontal="100%">
                                                                                                                                                    <ext:Panel Border="false" ID="Panel55" runat="server">
                                                                                                                                                        <Body>
                                                                                                                                                            <ext:ColumnLayout ID="ColumnLayout17" runat="server" FitHeight="false">
                                                                                                                                                                <ext:LayoutColumn ColumnWidth="0.383">
                                                                                                                                                                    <ext:Panel Border="false" ID="Panel56" runat="server">
                                                                                                                                                                        <Body>
                                                                                                                                                                            <ext:Label Cls="right-label" ID="lblModified" runat="server" Text="Modified">
                                                                                                                                                                            </ext:Label>
                                                                                                                                                                        </Body>
                                                                                                                                                                    </ext:Panel>
                                                                                                                                                                </ext:LayoutColumn>
                                                                                                                                                                <ext:LayoutColumn>
                                                                                                                                                                    <ext:Panel Border="false" ID="Panel142" runat="server" Width="3">
                                                                                                                                                                        <Body>
                                                                                                                                                                        </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" CtCls="right-checkbox" 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:LayoutRow>
                                                                                                                            </ext:RowLayout>
                                                                                                                        </Body>
                                                                                                                    </ext:Panel>
                                                                                                                </ext:LayoutColumn>
                                                                                                                <ext:LayoutColumn>
                                                                                                                    <ext:Panel Border="false" ID="Panel69" runat="server" Width="3">
                                                                                                                        <Body>
                                                                                                                        </Body>
                                                                                                                    </ext:Panel>
                                                                                                                </ext:LayoutColumn>
                                                                                                                <ext:LayoutColumn ColumnWidth="0.65">
                                                                                                                    <ext:Panel ID="Panel59" runat="server" Border="false">
                                                                                                                        <Body>
                                                                                                                            <ext:FitLayout ID="FitLayout37" runat="server">
                                                                                                                                <ext:TextArea ID="txtProcessedBy" runat="server">
                                                                                                                                </ext:TextArea>
                                                                                                                            </ext:FitLayout>
                                                                                                                        </Body>
                                                                                                                    </ext:Panel>
                                                                                                                </ext:LayoutColumn>
                                                                                                                <ext:LayoutColumn>
                                                                                                                    <ext:Panel Border="false" ID="Panel105" runat="server" Width="3">
                                                                                                                        <Body>
                                                                                                                        </Body>
                                                                                                                    </ext:Panel>
                                                                                                                </ext:LayoutColumn>
                                                                                                            </ext:ColumnLayout>
                                                                                                        </Body>
                                                                                                    </ext:Panel>
                                                                                                </ext:Anchor>
                                                                                                <ext:Anchor Horizontal="100%">
                                                                                                    <ext:Panel Border="false" ID="Panel154" runat="server" Height="1">
                                                                                                        <Body>
                                                                                                        </Body>
                                                                                                    </ext:Panel>
                                                                                                </ext:Anchor>
                                                                                            </ext:FormLayout>
                                                                                        </Body>
                                                                                    </ext:Panel>
                                                                                </ext:LayoutRow>
                                                                            </ext:RowLayout>
                                                                        </Body>
                                                                    </ext:Panel>
                                                                </ext:LayoutRow>
                                                                <ext:LayoutRow RowHeight="1">
                                                                    <ext:Panel Border="false" ID="Panel3" runat="server">
                                                                        <Body>
                                                                            <ext:FormLayout ID="FormLayout7" runat="server">
                                                                                <ext:Anchor Vertical="99%" Horizontal="100%">
                                                                                    <ext:Panel Border="false" ID="Panel61" runat="server">
                                                                                        <Body>
                                                                                            <ext:ColumnLayout ID="ColumnLayout18" runat="server" FitHeight="true">
                                                                                                <ext:LayoutColumn>
                                                                                                    <ext:Panel Border="false" ID="Panel102" runat="server" Width="3">
                                                                                                        <Body>
                                                                                                        </Body>
                                                                                                    </ext:Panel>
                                                                                                </ext:LayoutColumn>
                                                                                                <ext:LayoutColumn ColumnWidth="1">
                                                                                                    <ext:Panel Border="false" ID="Panel103" runat="server" Width="3">
                                                                                                        <Body>
                                                                                                            <ext:RowLayout ID="rowLayout19" runat="server">
                                                                                                                <ext:LayoutRow>
                                                                                                                    <ext:Panel Border="false" ID="Panel62" runat="server" Height="20">
                                                                                                                        <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="1">
                                                                                                                    <ext:Panel Border="false" ID="Panel63" runat="server">
                                                                                                                        <Body>
                                                                                                                            <ext:FitLayout ID="FitLayout39" runat="server">
                                                                                                                                <ext:TextArea ID="txtDecisions" runat="server">
                                                                                                                                </ext:TextArea>
                                                                                                                            </ext:FitLayout>
                                                                                                                        </Body>
                                                                                                                    </ext:Panel>
                                                                                                                </ext:LayoutRow>
                                                                                                                <ext:LayoutRow>
                                                                                                                    <ext:Panel Border="false" ID="Panel127" runat="server" Height="3">
                                                                                                                        <Body>
                                                                                                                        </Body>
                                                                                                                    </ext:Panel>
                                                                                                                </ext:LayoutRow>
                                                                                                                <ext:LayoutRow>
                                                                                                                    <ext:Panel Border="false" ID="Panel123" runat="server" Height="25">
                                                                                                                        <Body>
                                                                                                                            <ext:ColumnLayout ID="ColumnLayout25" runat="server" FitHeight="true">
                                                                                                                                <ext:LayoutColumn ColumnWidth="1">
                                                                                                                                    <ext:Panel Border="false" ID="Panel126" runat="server">
                                                                                                                                        <Body>
                                                                                                                                        </Body>
                                                                                                                                    </ext:Panel>
                                                                                                                                </ext:LayoutColumn>
                                                                                                                                <ext:LayoutColumn>
                                                                                                                                    <ext:Panel Border="false" ID="Panel143" runat="server" Width="103">
                                                                                                                                        <Body>
                                                                                                                                            <ext:Button ID="btnBack" runat="server" Text="List Overview" Icon="reversegreen">
                                                                                                                                                <AjaxEvents>
                                                                                                                                                    <Click OnEvent="btnBack_Click">
                                                                                                                                                        <EventMask ShowMask="true" MinDelay="500" Msg="Loading..." />
                                                                                                                                                    </Click>
                                                                                                                                                </AjaxEvents>
                                                                                                                                            </ext:Button>
                                                                                                                                        </Body>
                                                                                                                                    </ext:Panel>
                                                                                                                                </ext:LayoutColumn>
                                                                                                                                <ext:LayoutColumn>
                                                                                                                                    <ext:Panel Border="false" ID="Panel124" runat="server" Width="53">
                                                                                                                                        <Body>
                                                                                                                                            <ext:Button ID="btnApply" runat="server" Text="Apply">
                                                                                                                                                <AjaxEvents>
                                                                                                                                                    <Click OnEvent="btnApply_Click">
                                                                                                                                                        <EventMask ShowMask="true" MinDelay="500" Msg="Updating the values..." />
                                                                                                                                                    </Click>
                                                                                                                                                </AjaxEvents>
                                                                                                                                            </ext:Button>
                                                                                                                                        </Body>
                                                                                                                                    </ext:Panel>
                                                                                                                                </ext:LayoutColumn>
                                                                                                                                <ext:LayoutColumn>
                                                                                                                                    <ext:Panel Border="false" ID="Panel125" runat="server" Width="55">
                                                                                                                                        <Body>
                                                                                                                                            <ext:Button ID="btnCancel" runat="server" Text="Cancel">
                                                                                                                                                <AjaxEvents>
                                                                                                                                                    <Click OnEvent="btnCancel_Click">
                                                                                                                                                        <EventMask ShowMask="true" MinDelay="500" Msg="Cancel the changes..." />
                                                                                                                                                    </Click>
                                                                                                                                                </AjaxEvents>
                                                                                                                                            </ext:Button>
                                                                                                                                        </Body>
                                                                                                                                    </ext:Panel>
                                                                                                                                </ext:LayoutColumn>
                                                                                                                            </ext:ColumnLayout>
                                                                                                                        </Body>
                                                                                                                    </ext:Panel>
                                                                                                                </ext:LayoutRow>
                                                                                                            </ext:RowLayout>
                                                                                                        </Body>
                                                                                                    </ext:Panel>
                                                                                                </ext:LayoutColumn>
                                                                                                <ext:LayoutColumn>
                                                                                                    <ext:Panel Border="false" ID="Panel104" runat="server" Width="3">
                                                                                                        <Body>
                                                                                                        </Body>
                                                                                                    </ext:Panel>
                                                                                                </ext:LayoutColumn>
                                                                                            </ext:ColumnLayout>
                                                                                        </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>
  4. #4

    RE: [CLOSED] Browser compatibility issue with Layout

    Hi,

    What you mean "it is not working"? May be I incorrect understood your requirement.
    As I understood you need add small gap between label and field.

    Here is my test case
    <%@ Page Language="C#" %>
    
    <%@ 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>
    <head id="Head1" runat="server">
        <title></title>    
        <style type="text/css">
            .right-label{
                float:right;
                padding-right:3px;
            }
            
            .ext-ie7 .right-label{
                padding-right:0px;
            }
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
        <ext:ScriptManager ID="ScriptManager1" runat="server">
        </ext:ScriptManager>
        <ext:ViewPort runat="server" ID="parentPanel">
            <Body>
                <ext:BorderLayout ID="BL" runat="Server">
                    <Center>
                        <ext:TabPanel ID="TabPanel1" runat="server" ActiveTabIndex="0" MinTabWidth="150"
                            ResizeTabs="true">
                            <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>
                                                                <ext:Panel Border="false" ID="Panel106" runat="server" Height="3">
                                                                    <Body>
                                                                    </Body>                                                                
                                                                </ext:Panel>
                                                            </ext:LayoutRow>
                                                            <ext:LayoutRow>
                                                                <ext:FieldSet ID="fsDescription" runat="server" Title="Description">
                                                                    <Body>
                                                                        <ext:Panel Border="false" ID="Panel5" runat="server" Height="91">
                                                                            <Body>
                                                                                <ext:ColumnLayout ID="ColumnLayout1" runat="server" FitHeight="false">
                                                                                    <ext:LayoutColumn>
                                                                                        <ext:Panel Border="false" ID="Panel72" runat="server" Width="3">
                                                                                            <Body>
                                                                                            </Body>
                                                                                        </ext:Panel>
                                                                                    </ext:LayoutColumn>
                                                                                    <ext:LayoutColumn ColumnWidth="0.35">
                                                                                        <ext:Panel Border="false" ID="panGrdInbox" runat="server">
                                                                                            <Body>
                                                                                                <ext:FormLayout ID="FormLayout1" runat="server">
                                                                                                    <ext:Anchor Horizontal="100%">
                                                                                                        <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:Label Cls="right-label" ID="lblCode" runat="server" Text="Code">
                                                                                                                                </ext:Label>
                                                                                                                            </Body>
                                                                                                                        </ext:Panel>
                                                                                                                    </ext:LayoutColumn>
                                                                                                                    <ext:LayoutColumn>
                                                                                                                        <ext:Panel Border="false" ID="Panel128" runat="server" Width="3">
                                                                                                                            <Body>
                                                                                                                            </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="chkDone" runat="server" BoxLabel="Done">
                                                                                                                                    </ext:Checkbox>
                                                                                                                                </ext:FitLayout>
                                                                                                                            </Body>
                                                                                                                        </ext:Panel>
                                                                                                                    </ext:LayoutColumn>
                                                                                                                </ext:ColumnLayout>
                                                                                                            </Body>
                                                                                                        </ext:Panel>
                                                                                                    </ext:Anchor>
                                                                                                    <ext:Anchor Horizontal="100%">
                                                                                                        <ext:Panel Border="false" ID="Panel144" runat="server" Height="1">
                                                                                                            <Body>
                                                                                                            </Body>
                                                                                                        </ext:Panel>
                                                                                                    </ext:Anchor>
                                                                                                    <ext:Anchor Horizontal="100%">
                                                                                                        <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:Label Cls="right-label" ID="lblCustomer" runat="server" Text="Customer">
                                                                                                                                </ext:Label>
                                                                                                                            </Body>
                                                                                                                        </ext:Panel>
                                                                                                                    </ext:LayoutColumn>
                                                                                                                    <ext:LayoutColumn>
                                                                                                                        <ext:Panel Border="false" ID="Panel129" runat="server" Width="3">
                                                                                                                            <Body>
                                                                                                                            </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" ReadOnly="true">
                                                                                                                                        <Triggers>
                                                                                                                                            <ext:FieldTrigger Icon="Clear" HideTrigger="false" Qtip="Click to clear field" />
                                                                                                                                            <ext:FieldTrigger Icon="Ellipsis" Qtip="Click to choose value" />
                                                                                                                                        </Triggers>
                                                                                                                                        
                                                                                                                                    </ext:TriggerField>
                                                                                                                                </ext:FitLayout>
                                                                                                                            </Body>
                                                                                                                        </ext:Panel>
                                                                                                                    </ext:LayoutColumn>
                                                                                                                </ext:ColumnLayout>
                                                                                                            </Body>
                                                                                                        </ext:Panel>
                                                                                                    </ext:Anchor>
                                                                                                    <ext:Anchor Horizontal="100%">
                                                                                                        <ext:Panel Border="false" ID="Panel145" runat="server" Height="1">
                                                                                                            <Body>
                                                                                                            </Body>
                                                                                                        </ext:Panel>
                                                                                                    </ext:Anchor>
                                                                                                    <ext:Anchor Horizontal="100%">
                                                                                                        <ext:Panel Border="false" ID="Panel11" runat="server">
                                                                                                            <Body>
                                                                                                                <ext:ColumnLayout ID="ColumnLayout4" runat="server" FitHeight="false">
                                                                                                                    <ext:LayoutColumn ColumnWidth="0.35">
                                                                                                                        <ext:Panel Border="false" ID="Panel12" runat="server">
                                                                                                                            <Body>
                                                                                                                                <ext:Label Cls="right-label" ID="lblKind" runat="server" Text="Kind">
                                                                                                                                </ext:Label>
                                                                                                                            </Body>
                                                                                                                        </ext:Panel>
                                                                                                                    </ext:LayoutColumn>
                                                                                                                    <ext:LayoutColumn>
                                                                                                                        <ext:Panel Border="false" ID="Panel130" runat="server" Width="3">
                                                                                                                            <Body>
                                                                                                                            </Body>
                                                                                                                        </ext:Panel>
                                                                                                                    </ext:LayoutColumn>
                                                                                                                    <ext:LayoutColumn ColumnWidth="0.65">
                                                                                                                        <ext:Panel Border="false" ID="Panel13" runat="server">
                                                                                                                            <Body>
                                                                                                                                <ext:FitLayout ID="FitLayout9" runat="server">
                                                                                                                                    <ext:ComboBox ID="cboKind" runat="server" Width="220">
                                                                                                                                    </ext:ComboBox>
                                                                                                                                </ext:FitLayout>
                                                                                                                            </Body>
                                                                                                                        </ext:Panel>
                                                                                                                    </ext:LayoutColumn>
                                                                                                                </ext:ColumnLayout>
                                                                                                            </Body>
                                                                                                        </ext:Panel>
                                                                                                    </ext:Anchor>
                                                                                                    <ext:Anchor Horizontal="100%">
                                                                                                        <ext:Panel Border="false" ID="Panel146" runat="server" Height="1">
                                                                                                            <Body>
                                                                                                            </Body>
                                                                                                        </ext:Panel>
                                                                                                    </ext:Anchor>
                                                                                                    <ext:Anchor Horizontal="100%">
                                                                                                        <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:Label Cls="right-label" ID="lblIsPartof" runat="server" Text="Is Part Of">
                                                                                                                                </ext:Label>
                                                                                                                            </Body>
                                                                                                                        </ext:Panel>
                                                                                                                    </ext:LayoutColumn>
                                                                                                                    <ext:LayoutColumn>
                                                                                                                        <ext:Panel Border="false" ID="Panel131" runat="server" Width="3">
                                                                                                                            <Body>
                                                                                                                            </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" ReadOnly="true">
                                                                                                                                        <Triggers>
                                                                                                                                            <ext:FieldTrigger Icon="Clear" HideTrigger="false" Qtip="Click to clear field" />
                                                                                                                                            <ext:FieldTrigger Icon="Ellipsis" Qtip="Click to choose value" />
                                                                                                                                        </Triggers>
                                                                                                                                    </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>
                                                                                        <ext:Panel Border="false" ID="Panel67" runat="server" Width="3">
                                                                                            <Body>
                                                                                            </Body>
                                                                                        </ext:Panel>
                                                                                    </ext:LayoutColumn>
                                                                                    <ext:LayoutColumn ColumnWidth="0.65">
                                                                                        <ext:Panel Border="false" ID="Panel4" runat="server">
                                                                                            <Body>
                                                                                                <ext:FormLayout ID="FormLayout2" runat="server">
                                                                                                    <ext:Anchor Horizontal="100%">
                                                                                                        <ext:Panel Border="false" ID="Panel155" runat="server" Height="1">
                                                                                                            <Body>
                                                                                                            </Body>
                                                                                                        </ext:Panel>
                                                                                                    </ext:Anchor>
                                                                                                    <ext:Anchor Horizontal="100%">
                                                                                                        <ext:Panel Border="false" ID="Panel18" runat="server">
                                                                                                            <Body>
                                                                                                                <ext:ColumnLayout ID="ColumnLayout6" runat="server" FitHeight="false">
                                                                                                                    <ext:LayoutColumn ColumnWidth="0.20">
                                                                                                                        <ext:Panel Border="false" ID="Panel19" runat="server">
                                                                                                                            <Body>
                                                                                                                                <ext:Label Cls="right-label" ID="lblSubject" runat="server" Text="Subject">
                                                                                                                                </ext:Label>
                                                                                                                            </Body>
                                                                                                                        </ext:Panel>
                                                                                                                    </ext:LayoutColumn>
                                                                                                                    <ext:LayoutColumn>
                                                                                                                        <ext:Panel Border="false" ID="Panel132" runat="server" Width="3">
                                                                                                                            <Body>
                                                                                                                            </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:Label Cls="right-label" ID="lblPriority" runat="server" Text="Priority">
                                                                                                                                </ext:Label>
                                                                                                                            </Body>
                                                                                                                        </ext:Panel>
                                                                                                                    </ext:LayoutColumn>
                                                                                                                    <ext:LayoutColumn>
                                                                                                                        <ext:Panel Border="false" ID="Panel133" runat="server" Width="3">
                                                                                                                            <Body>
                                                                                                                            </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" Select&#111;nfocus="true"
                                                                                                                                        Width="114">
                                                                                                                                    </ext:ComboBox>
                                                                                                                                </ext:FitLayout>
                                                                                                                            </Body>
                                                                                                                        </ext:Panel>
                                                                                                                    </ext:LayoutColumn>
                                                                                                                    <ext:LayoutColumn>
                                                                                                                        <ext:Panel Border="false" ID="Panel160" runat="server" Width="3">
                                                                                                                            <Body>
                                                                                                                            </Body>
                                                                                                                        </ext:Panel>
                                                                                                                    </ext:LayoutColumn>
                                                                                                                </ext:ColumnLayout>
                                                                                                            </Body>
                                                                                                        </ext:Panel>
                                                                                                    </ext:Anchor>
                                                                                                    <ext:Anchor Horizontal="100%">
                                                                                                        <ext:Panel Border="false" ID="Panel147" runat="server" Height="1">
                                                                                                            <Body>
                                                                                                            </Body>
                                                                                                        </ext:Panel>
                                                                                                    </ext:Anchor>
                                                                                                    <ext:Anchor Horizontal="100%" Vertical="99%">
                                                                                                        <ext:Panel Border="false" ID="Panel23" runat="server">
                                                                                                            <Body>
                                                                                                                <ext:ColumnLayout ID="ColumnLayout7" runat="server" FitHeight="false">
                                                                                                                    <ext:LayoutColumn ColumnWidth="0.199">
                                                                                                                        <ext:Panel Border="false" ID="Panel24" runat="server">
                                                                                                                            <Body>
                                                                                                                                <ext:Label Cls="right-label" ID="lblRemarks" runat="server" Text="Remarks">
                                                                                                                                </ext:Label>
                                                                                                                            </Body>
                                                                                                                        </ext:Panel>
                                                                                                                    </ext:LayoutColumn>
                                                                                                                    <ext:LayoutColumn>
                                                                                                                        <ext:Panel Border="false" ID="Panel134" runat="server" Width="3">
                                                                                                                            <Body>
                                                                                                                            </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="txtRemarks" runat="server">
                                                                                                                                    </ext:TextArea>
                                                                                                                                </ext:FitLayout>
                                                                                                                            </Body>
                                                                                                                        </ext:Panel>
                                                                                                                    </ext:LayoutColumn>
                                                                                                                    <ext:LayoutColumn>
                                                                                                                        <ext:Panel Border="false" ID="Panel122" runat="server" Width="3">
                                                                                                                            <Body>
                                                                                                                            </Body>
                                                                                                                        </ext:Panel>
                                                                                                                    </ext:LayoutColumn>
                                                                                                                </ext:ColumnLayout>
                                                                                                            </Body>
                                                                                                        </ext:Panel>
                                                                                                    </ext:Anchor>
                                                                                                    <ext:Anchor Horizontal="100%">
                                                                                                        <ext:Panel Border="false" ID="Panel149" runat="server" Height="1">
                                                                                                            <Body>
                                                                                                            </Body>
                                                                                                        </ext:Panel>
                                                                                                    </ext:Anchor>
                                                                                                </ext:FormLayout>
                                                                                            </Body>
                                                                                        </ext:Panel>
                                                                                    </ext:LayoutColumn>
                                                                                </ext:ColumnLayout>
                                                                            </Body>
                                                                        </ext:Panel>
                                                                    </Body>
                                                                </ext:FieldSet>
                                                            </ext:LayoutRow>
                                                            <ext:LayoutRow>
                                                                <ext:FieldSet ID="fsInbox" runat="server" Title="Inbox" CtCls="extFieldset">
                                                                    <Body>
                                                                        <ext:Panel Border="false" ID="Panel1" runat="server" Height="70">
                                                                            <Body>
                                                                                <ext:ColumnLayout ID="ColumnLayout8" runat="server" FitHeight="false">
                                                                                    <ext:LayoutColumn>
                                                                                        <ext:Panel Border="false" ID="Panel100" runat="server" Width="3">
                                                                                            <Body>
                                                                                            </Body>
                                                                                        </ext:Panel>
                                                                                    </ext:LayoutColumn>
                                                                                    <ext:LayoutColumn ColumnWidth="0.35">
                                                                                        <ext:Panel Border="false" ID="Panel26" runat="server">
                                                                                            <Body>
                                                                                                <ext:FormLayout ID="FormLayout3" runat="server">
                                                                                                    <ext:Anchor Horizontal="100%">
                                                                                                        <ext:Panel Border="false" ID="Panel148" runat="server" Height="1">
                                                                                                            <Body>
                                                                                                            </Body>
                                                                                                        </ext:Panel>
                                                                                                    </ext:Anchor>
                                                                                                    <ext:Anchor Horizontal="100%">
                                                                                                        <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:Label Cls="right-label" ID="lblDate" runat="server" Text="Date">
                                                                                                                                </ext:Label>
                                                                                                                            </Body>
                                                                                                                        </ext:Panel>
                                                                                                                    </ext:LayoutColumn>
                                                                                                                    <ext:LayoutColumn>
                                                                                                                        <ext:Panel Border="false" ID="Panel135" runat="server" Width="3">
                                                                                                                            <Body>
                                                                                                                            </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" Width="220">
                                                                                                                                    </ext:DateField>
                                                                                                                                </ext:FitLayout>
                                                                                                                            </Body>
                                                                                                                        </ext:Panel>
                                                                                                                    </ext:LayoutColumn>
                                                                                                                </ext:ColumnLayout>
                                                                                                            </Body>
                                                                                                        </ext:Panel>
                                                                                                    </ext:Anchor>
                                                                                                    <ext:Anchor Horizontal="100%">
                                                                                                        <ext:Panel Border="false" ID="Panel150" runat="server" Height="1">
                                                                                                            <Body>
                                                                                                            </Body>
                                                                                                        </ext:Panel>
                                                                                                    </ext:Anchor>
                                                                                                    <ext:Anchor Horizontal="100%">
                                                                                                        <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:Label Cls="right-label" ID="lblHow" runat="server" Text="How">
                                                                                                                                </ext:Label>
                                                                                                                            </Body>
                                                                                                                        </ext:Panel>
                                                                                                                    </ext:LayoutColumn>
                                                                                                                    <ext:LayoutColumn>
                                                                                                                        <ext:Panel Border="false" ID="Panel136" runat="server" Width="3">
                                                                                                                            <Body>
                                                                                                                            </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="100%">
                                                                                                        <ext:Panel Border="false" ID="Panel151" runat="server" Height="1">
                                                                                                            <Body>
                                                                                                            </Body>
                                                                                                        </ext:Panel>
                                                                                                    </ext:Anchor>
                                                                                                    <ext:Anchor Horizontal="100%">
                                                                                                        <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:Label Cls="right-label" ID="lblOnbehalfOf" runat="server" Text="On Behalf Of">
                                                                                                                                </ext:Label>
                                                                                                                            </Body>
                                                                                                                        </ext:Panel>
                                                                                                                    </ext:LayoutColumn>
                                                                                                                    <ext:LayoutColumn>
                                                                                                                        <ext:Panel Border="false" ID="Panel137" runat="server" Width="3">
                                                                                                                            <Body>
                                                                                                                            </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" ReadOnly="true">
                                                                                                                                        <Triggers>
                                                                                                                                            <ext:FieldTrigger Icon="Clear" HideTrigger="false" Qtip="Click to clear field" />
                                                                                                                                            <ext:FieldTrigger Icon="Ellipsis" Qtip="Click to choose value" />
                                                                                                                                        </Triggers>
                                                                                                                                    </ext:TriggerField>
                                                                                                                                </ext:FitLayout>
                                                                                                                            </Body>
                                                                                                                        </ext:Panel>
                                                                                                                    </ext:LayoutColumn>
                                                                                                                </ext:ColumnLayout>
                                                                                                            </Body>
                                                                                                        </ext:Panel>
                                                                                                    </ext:Anchor>
                                                                                                    <ext:Anchor Horizontal="100%">
                                                                                                        <ext:Panel Border="false" ID="Panel152" runat="server" Height="1">
                                                                                                            <Body>
                                                                                                            </Body>
                                                                                                        </ext:Panel>
                                                                                                    </ext:Anchor>
                                                                                                </ext:FormLayout>
                                                                                            </Body>
                                                                                        </ext:Panel>
                                                                                    </ext:LayoutColumn>
                                                                                    <ext:LayoutColumn>
                                                                                        <ext:Panel Border="false" ID="Panel68" runat="server" Width="3">
                                                                                            <Body>
                                                                                            </Body>
                                                                                        </ext:Panel>
                                                                                    </ext:LayoutColumn>
                                                                                    <ext:LayoutColumn ColumnWidth="0.65">
                                                                                        <ext:Panel Border="false" ID="Panel40" runat="server">
                                                                                            <Body>
                                                                                                <ext:FormLayout ID="FormLayout4" runat="server">
                                                                                                    <ext:Anchor Horizontal="100%">
                                                                                                        <ext:Panel Border="false" ID="Panel36" runat="server">
                                                                                                            <Body>
                                                                                                                <ext:ColumnLayout ID="ColumnLayout12" runat="server" FitHeight="false">
                                                                                                                    <ext:LayoutColumn ColumnWidth="0.199">
                                                                                                                        <ext:Panel Border="false" ID="Panel37" runat="server">
                                                                                                                            <Body>
                                                                                                                                <ext:Label Cls="right-label" ID="lblInboxRemarks" runat="server" Text="Inbox Remarks">
                                                                                                                                </ext:Label>
                                                                                                                            </Body>
                                                                                                                        </ext:Panel>
                                                                                                                    </ext:LayoutColumn>
                                                                                                                    <ext:LayoutColumn>
                                                                                                                        <ext:Panel Border="false" ID="Panel138" runat="server" Width="3">
                                                                                                                            <Body>
                                                                                                                            </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="txtInboxRemarks" runat="server">
                                                                                                                                    </ext:TextArea>
                                                                                                                                </ext:FitLayout>
                                                                                                                            </Body>
                                                                                                                        </ext:Panel>
                                                                                                                    </ext:LayoutColumn>
                                                                                                                    <ext:LayoutColumn>
                                                                                                                        <ext:Panel Border="false" ID="Panel159" runat="server" Width="3">
                                                                                                                            <Body>
                                                                                                                            </Body>
                                                                                                                        </ext:Panel>
                                                                                                                    </ext:LayoutColumn>
                                                                                                                </ext:ColumnLayout>
                                                                                                            </Body>
                                                                                                        </ext:Panel>
                                                                                                    </ext:Anchor>
                                                                                                    <ext:Anchor Horizontal="100%">
                                                                                                        <ext:Panel Border="false" ID="Panel153" runat="server" Height="1">
                                                                                                            <Body>
                                                                                                            </Body>
                                                                                                        </ext:Panel>
                                                                                                    </ext:Anchor>
                                                                                                </ext:FormLayout>
                                                                                            </Body>
                                                                                        </ext:Panel>
                                                                                    </ext:LayoutColumn>
                                                                                </ext:ColumnLayout>
                                                                            </Body>
                                                                        </ext:Panel>
                                                                    </Body>
                                                                </ext:FieldSet>
                                                            </ext:LayoutRow>
                                                            <ext:LayoutRow>
                                                                <ext:Panel ID="Panel2" runat="server" Border="false" Height="140">
                                                                    <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="100%" 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:RowLayout ID="RowLayout2" runat="server">
                                                                                                                            <ext:LayoutRow>
                                                                                                                                <ext:FieldSet ID="fsCurrentDeaaline" runat="server" Title="Current Deaaline">
                                                                                                                                    <Body>
                                                                                                                                        <ext:FormLayout ID="FormLayout6" runat="server">
                                                                                                                                            <ext:Anchor Horizontal="100%">
                                                                                                                                                <ext:Panel Border="false" ID="Panel43" runat="server">
                                                                                                                                                    <Body>
                                                                                                                                                        <ext:ColumnLayout ID="ColumnLayout14" runat="server" FitHeight="false">
                                                                                                                                                            <ext:LayoutColumn ColumnWidth="0.38">
                                                                                                                                                                <ext:Panel Border="false" ID="Panel44" runat="server">
                                                                                                                                                                    <Body>
                                                                                                                                                                        <ext:Label Cls="right-label" ID="lblFrom" runat="server" Text="From">
                                                                                                                                                                        </ext:Label>
                                                                                                                                                                    </Body>
                                                                                                                                                                </ext:Panel>
                                                                                                                                                            </ext:LayoutColumn>
                                                                                                                                                            <ext:LayoutColumn>
                                                                                                                                                                <ext:Panel Border="false" ID="Panel139" runat="server" Width="3">
                                                                                                                                                                    <Body>
                                                                                                                                                                    </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="100%">
                                                                                                                                                <ext:Panel Border="false" ID="Panel156" runat="server" Height="1">
                                                                                                                                                    <Body>
                                                                                                                                                    </Body>
                                                                                                                                                </ext:Panel>
                                                                                                                                            </ext:Anchor>
                                                                                                                                            <ext:Anchor Horizontal="100%">
                                                                                                                                                <ext:Panel Border="false" ID="Panel47" runat="server">
                                                                                                                                                    <Body>
                                                                                                                                                        <ext:ColumnLayout ID="ColumnLayout15" runat="server" FitHeight="false">
                                                                                                                                                            <ext:LayoutColumn ColumnWidth="0.38">
                                                                                                                                                                <ext:Panel Border="false" ID="Panel48" runat="server">
                                                                                                                                                                    <Body>
                                                                                                                                                                        <ext:Label Cls="right-label" ID="lblUntil" runat="server" Text="Until">
                                                                                                                                                                        </ext:Label>
                                                                                                                                                                    </Body>
                                                                                                                                                                </ext:Panel>
                                                                                                                                                            </ext:LayoutColumn>
                                                                                                                                                            <ext:LayoutColumn>
                                                                                                                                                                <ext:Panel Border="false" ID="Panel140" runat="server" Width="3">
                                                                                                                                                                    <Body>
                                                                                                                                                                    </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:FormLayout>
                                                                                                                                    </Body>
                                                                                                                                </ext:FieldSet>
                                                                                                                            </ext:LayoutRow>
                                                                                                                            <ext:LayoutRow>
                                                                                                                                <ext:Panel Border="false" ID="Panel64" runat="server" Height="50">
                                                                                                                                    <Body>
                                                                                                                                        <ext:FormLayout ID="FormLayout8" runat="server">
                                                                                                                                            <ext:Anchor Horizontal="100%">
                                                                                                                                                <ext:Panel Border="false" ID="Panel157" runat="server" Height="1">
                                                                                                                                                    <Body>
                                                                                                                                                    </Body>
                                                                                                                                                </ext:Panel>
                                                                                                                                            </ext:Anchor>
                                                                                                                                            <ext:Anchor Horizontal="100%">
                                                                                                                                                <ext:Panel Border="false" ID="Panel51" runat="server">
                                                                                                                                                    <Body>
                                                                                                                                                        <ext:ColumnLayout ID="ColumnLayout16" runat="server" FitHeight="false">
                                                                                                                                                            <ext:LayoutColumn ColumnWidth="0.39">
                                                                                                                                                                <ext:Panel Border="false" ID="Panel52" runat="server">
                                                                                                                                                                    <Body>
                                                                                                                                                                        <ext:Label Cls="right-label" ID="lblCreated" runat="server" Text="Created">
                                                                                                                                                                        </ext:Label>
                                                                                                                                                                    </Body>
                                                                                                                                                                </ext:Panel>
                                                                                                                                                            </ext:LayoutColumn>
                                                                                                                                                            <ext:LayoutColumn>
                                                                                                                                                                <ext:Panel Border="false" ID="Panel141" runat="server" Width="3">
                                                                                                                                                                    <Body>
                                                                                                                                                                    </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="100%">
                                                                                                                                                <ext:Panel Border="false" ID="Panel158" runat="server" Height="1">
                                                                                                                                                    <Body>
                                                                                                                                                    </Body>
                                                                                                                                                </ext:Panel>
                                                                                                                                            </ext:Anchor>
                                                                                                                                            <ext:Anchor Horizontal="100%">
                                                                                                                                                <ext:Panel Border="false" ID="Panel55" runat="server">
                                                                                                                                                    <Body>
                                                                                                                                                        <ext:ColumnLayout ID="ColumnLayout17" runat="server" FitHeight="false">
                                                                                                                                                            <ext:LayoutColumn ColumnWidth="0.39">
                                                                                                                                                                <ext:Panel Border="false" ID="Panel56" runat="server">
                                                                                                                                                                    <Body>
                                                                                                                                                                        <ext:Label Cls="right-label" ID="lblModified" runat="server" Text="Modified">
                                                                                                                                                                        </ext:Label>
                                                                                                                                                                    </Body>
                                                                                                                                                                </ext:Panel>
                                                                                                                                                            </ext:LayoutColumn>
                                                                                                                                                            <ext:LayoutColumn>
                                                                                                                                                                <ext:Panel Border="false" ID="Panel142" runat="server" Width="3">
                                                                                                                                                                    <Body>
                                                                                                                                                                    </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:LayoutRow>
                                                                                                                        </ext:RowLayout>
                                                                                                                    </Body>
                                                                                                                </ext:Panel>
                                                                                                            </ext:LayoutColumn>
                                                                                                            <ext:LayoutColumn>
                                                                                                                <ext:Panel Border="false" ID="Panel69" runat="server" Width="3">
                                                                                                                    <Body>
                                                                                                                    </Body>
                                                                                                                </ext:Panel>
                                                                                                            </ext:LayoutColumn>
                                                                                                            <ext:LayoutColumn ColumnWidth="0.65">
                                                                                                                <ext:Panel ID="Panel59" runat="server" Border="false">
                                                                                                                    <Body>
                                                                                                                        <ext:FitLayout ID="FitLayout37" runat="server">
                                                                                                                            <ext:TextArea ID="txtProcessedBy" runat="server">
                                                                                                                            </ext:TextArea>
                                                                                                                        </ext:FitLayout>
                                                                                                                    </Body>
                                                                                                                </ext:Panel>
                                                                                                            </ext:LayoutColumn>
                                                                                                            <ext:LayoutColumn>
                                                                                                                <ext:Panel Border="false" ID="Panel105" runat="server" Width="3">
                                                                                                                    <Body>
                                                                                                                    </Body>
                                                                                                                </ext:Panel>
                                                                                                            </ext:LayoutColumn>
                                                                                                        </ext:ColumnLayout>
                                                                                                    </Body>
                                                                                                </ext:Panel>
                                                                                            </ext:Anchor>
                                                                                            <ext:Anchor Horizontal="100%">
                                                                                                <ext:Panel Border="false" ID="Panel154" runat="server" Height="1">
                                                                                                    <Body>
                                                                                                    </Body>
                                                                                                </ext:Panel>
                                                                                            </ext:Anchor>
                                                                                        </ext:FormLayout>
                                                                                    </Body>
                                                                                </ext:Panel>
                                                                            </ext:LayoutRow>
                                                                        </ext:RowLayout>
                                                                    </Body>
                                                                </ext:Panel>
                                                            </ext:LayoutRow>
                                                            <ext:LayoutRow RowHeight="1">
                                                                <ext:Panel Border="false" ID="Panel3" runat="server">
                                                                    <Body>
                                                                        <ext:FormLayout ID="FormLayout7" runat="server">
                                                                            <ext:Anchor Vertical="99%" Horizontal="100%">
                                                                                <ext:Panel Border="false" ID="Panel61" runat="server">
                                                                                    <Body>
                                                                                        <ext:ColumnLayout ID="ColumnLayout18" runat="server" FitHeight="true">
                                                                                            <ext:LayoutColumn>
                                                                                                <ext:Panel Border="false" ID="Panel102" runat="server" Width="3">
                                                                                                    <Body>
                                                                                                    </Body>
                                                                                                </ext:Panel>
                                                                                            </ext:LayoutColumn>
                                                                                            <ext:LayoutColumn ColumnWidth="1">
                                                                                                <ext:Panel Border="false" ID="Panel103" runat="server" Width="3">
                                                                                                    <Body>
                                                                                                        <ext:RowLayout ID="rowLayout19" runat="server">
                                                                                                            <ext:LayoutRow>
                                                                                                                <ext:Panel Border="false" ID="Panel62" runat="server" Height="20">
                                                                                                                    <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="1">
                                                                                                                <ext:Panel Border="false" ID="Panel63" runat="server">
                                                                                                                    <Body>
                                                                                                                        <ext:FitLayout ID="FitLayout39" runat="server">
                                                                                                                            <ext:TextArea ID="txtDecisions" runat="server">
                                                                                                                            </ext:TextArea>
                                                                                                                        </ext:FitLayout>
                                                                                                                    </Body>
                                                                                                                </ext:Panel>
                                                                                                            </ext:LayoutRow>
                                                                                                            <ext:LayoutRow>
                                                                                                                <ext:Panel Border="false" ID="Panel127" runat="server" Height="3">
                                                                                                                    <Body>
                                                                                                                    </Body>
                                                                                                                </ext:Panel>
                                                                                                            </ext:LayoutRow>
                                                                                                            <ext:LayoutRow>
                                                                                                                <ext:Panel Border="false" ID="Panel123" runat="server" Height="25">
                                                                                                                    <Body>
                                                                                                                        <ext:ColumnLayout ID="ColumnLayout25" runat="server" FitHeight="true">
                                                                                                                            <ext:LayoutColumn ColumnWidth="1">
                                                                                                                                <ext:Panel Border="false" ID="Panel126" runat="server">
                                                                                                                                    <Body>
                                                                                                                                    </Body>
                                                                                                                                </ext:Panel>
                                                                                                                            </ext:LayoutColumn>
                                                                                                                            <ext:LayoutColumn>
                                                                                                                                <ext:Panel Border="false" ID="Panel143" runat="server" Width="103">
                                                                                                                                    <Body>
                                                                                                                                        <ext:Button ID="btnBack" runat="server" Text="List Overview" Icon="reversegreen">
                                                                                                                                            
                                                                                                                                        </ext:Button>
                                                                                                                                    </Body>
                                                                                                                                </ext:Panel>
                                                                                                                            </ext:LayoutColumn>
                                                                                                                            <ext:LayoutColumn>
                                                                                                                                <ext:Panel Border="false" ID="Panel124" runat="server" Width="53">
                                                                                                                                    <Body>
                                                                                                                                        <ext:Button ID="btnApply" runat="server" Text="Apply">
                                                                                                                                            
                                                                                                                                        </ext:Button>
                                                                                                                                    </Body>
                                                                                                                                </ext:Panel>
                                                                                                                            </ext:LayoutColumn>
                                                                                                                            <ext:LayoutColumn>
                                                                                                                                <ext:Panel Border="false" ID="Panel125" runat="server" Width="55">
                                                                                                                                    <Body>
                                                                                                                                        <ext:Button ID="btnCancel" runat="server" Text="Cancel">
                                                                                                                                            
                                                                                                                                        </ext:Button>
                                                                                                                                    </Body>
                                                                                                                                </ext:Panel>
                                                                                                                            </ext:LayoutColumn>
                                                                                                                        </ext:ColumnLayout>
                                                                                                                    </Body>
                                                                                                                </ext:Panel>
                                                                                                            </ext:LayoutRow>
                                                                                                        </ext:RowLayout>
                                                                                                    </Body>
                                                                                                </ext:Panel>
                                                                                            </ext:LayoutColumn>
                                                                                            <ext:LayoutColumn>
                                                                                                <ext:Panel Border="false" ID="Panel104" runat="server" Width="3">
                                                                                                    <Body>
                                                                                                    </Body>
                                                                                                </ext:Panel>
                                                                                            </ext:LayoutColumn>
                                                                                        </ext:ColumnLayout>
                                                                                    </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>
  5. #5

    RE: [CLOSED] Browser compatibility issue with Layout

    Hi Vladsch,

    I want the space betwen lables and some checkboxs and combobox and also the controls alignment must be same form left and right side.I worked this sample with out frames it is working fine.

    I want the screen like this( i am sending the screen shot as i want and also sending the screenshot i worked out with out frame)In the above sample i used TextArea In place of grids.

    With out frames i reached almost all.But with the frames i missing the alignment.

    Is this is right way of designing the screens or any suggestions.For design we are spending more time.My application having this type of forms. Any suggestions


Similar Threads

  1. [CLOSED] Browser Compatibility
    By adelaney in forum 2.x Legacy Premium Help
    Replies: 1
    Last Post: Jun 28, 2012, 5:01 PM
  2. Replies: 1
    Last Post: May 31, 2012, 11:45 AM
  3. Table Layout Problem with IE Compatibility
    By tugrul in forum 1.x Help
    Replies: 2
    Last Post: May 02, 2011, 7:16 AM
  4. [0.8.2 ] compatibility issue with ie6.0
    By pierluigiM in forum 1.x Help
    Replies: 2
    Last Post: Nov 29, 2010, 1:41 PM
  5. [CLOSED] Browser compatibility issue with Layout
    By Etisbew in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Jul 14, 2009, 9:24 AM

Posting Permissions