What's New?

[CLOSED] Layout Problem

  1. #1
    May 28, 2013, 8:00 AM

    [CLOSED] Layout Problem

    In this Case

    I want to split 3 column or 2 column

    then i want to use Field Container to set in one line,but it'is not success

    Hot to do that?
    Click image for larger version.  Name: 01.jpg  Views: 19  Size: 83.0 KB  ID: 6279

    <%@ Page Language="C#" %>


<%@ Register assembly="Ext.Net" namespace="Ext.Net" tagprefix="ext" %>
    
<script runat="server">
   

</script>

<!DOCTYPE html>

<html>
<head id="Head1" runat="server">
    <title>test</title>
</head>
<body>
    <ext:ResourceManager ID="ResourceManager1" runat="server" />
    
    <ext:Window 
            ID="Window1" 
            runat="server" 
            Title="Hello World"  
            Icon="Application"
            Height="550" 
            Width="1000" 
            Modal="true" Layout="FitLayout">
            <TopBar>
                <ext:Toolbar>
                    <Items>
                        <ext:Button ID="Button1" runat="server" Text="新增" Icon="Add" />
                    </Items>
                </ext:Toolbar>                        
            </TopBar>
            <Items>
                <ext:TabPanel 
                    ID="TabPanel1" 
                    runat="server" 
                    Width="200">                      
                    <Items>
                        <ext:Panel ID="Tab1" runat="server" Title="Tab1"  AutoScroll="true" >
                            <Items>
                                <ext:Panel ID="Panel4" runat="server" Layout="ColumnLayout" Border="false" Padding="5">
                                    <Items>
                                        <ext:Panel ID="Panel7" runat="server"  ColumnWidth="0.333" Border="false" Padding="5" >
                                            <Items>
                                                <ext:FieldContainer ID="FieldContainer1" AnchorHorizontal="100%" FieldLabel="Text fields" runat="server" >
                                                    <Items>
                                                        <ext:TextField ID="TextField85" runat="server" LabelWidth="80" Margins="0 3 0 0" Flex="1"/>
                                                        <ext:DisplayField ID="DisplayField1" runat="server" Text="hours" Flex="1" />
                                                    </Items>
                                                </ext:FieldContainer>
                                                <ext:TextField ID="tf_oeb03" runat="server" FieldLabel="_oeb03" LabelWidth="80" Margins="0 3 0 0"/>
                                                <ext:TextField ID="tf_oeb06" runat="server" FieldLabel="_oeb06" LabelWidth="80"/>    
                                                <ext:TextField ID="tf_oeb13" runat="server" FieldLabel="_oeb13" LabelWidth="80"/>  
                                                <ext:TextField ID="tf_oeb15" runat="server" FieldLabel="_oeb15" LabelWidth="80"/>  
                                                <ext:TextField ID="TextField1" runat="server" FieldLabel="_oeb03" LabelWidth="80" Margins="0 3 0 0"/>
                                                <ext:TextField ID="TextField2" runat="server" FieldLabel="_oeb06" LabelWidth="80"/>    
                                                <ext:TextField ID="TextField3" runat="server" FieldLabel="_oeb13" LabelWidth="80"/>  
                                                <ext:TextField ID="TextField4" runat="server" FieldLabel="_oeb15" LabelWidth="80"/>                                                                               
                                            </Items>
                                        </ext:Panel>
                                        <ext:Panel ID="Panel8" runat="server"  ColumnWidth="0.333" Border="false" Padding="2">
                                            <Items>
                                                <ext:TextField ID="tf_oeb04" runat="server" FieldLabel="_oeb04" />                                
                                                <ext:TextField ID="tf_oeb11" runat="server" FieldLabel="_oeb11" />
                                                <ext:TextField ID="tf_oeb14" runat="server" FieldLabel="_oeb14" />  
                                                <ext:TextField ID="tf_oeb24" runat="server" FieldLabel="_oeb24" /> 
                                                <ext:TextField ID="TextField9" runat="server" FieldLabel="_oeb03"  />
                                                <ext:TextField ID="TextField10" runat="server" FieldLabel="_oeb06"/>    
                                                <ext:TextField ID="TextField11" runat="server" FieldLabel="_oeb13" />  
                                                <ext:TextField ID="TextField12" runat="server" FieldLabel="_oeb15" />                                                  
                                            </Items>
                                        </ext:Panel>
                                        <ext:Panel ID="Panel9" runat="server"  ColumnWidth="0.333" Border="false" Padding="2">
                                            <Items>
                                                <ext:TextField ID="tf_oeb05" runat="server" FieldLabel="_oeb05" />
                                                <ext:TextField ID="tf_oeb12" runat="server" FieldLabel="_oeb12" />
                                                <ext:TextField ID="tf_oeb14t" runat="server" FieldLabel="_oeb14t" />  
                                                <ext:TextField ID="tf_oeb70" runat="server" FieldLabel="_oeb70" /> 
                                                <ext:TextField ID="TextField17" runat="server" FieldLabel="_oeb03"  Margins="0 3 0 0"/>
                                                <ext:TextField ID="TextField18" runat="server" FieldLabel="_oeb06" />    
                                                <ext:TextField ID="TextField19" runat="server" FieldLabel="_oeb13" />  
                                                <ext:TextField ID="TextField20" runat="server" FieldLabel="_oeb15" />  
                                                <ext:TextField ID="TextField21" runat="server" FieldLabel="_oeb03"  Margins="0 3 0 0"/>
                                                <ext:TextField ID="TextField22" runat="server" FieldLabel="_oeb06" />    
                                                <ext:TextField ID="TextField23" runat="server" FieldLabel="_oeb13" />  
                                                <ext:TextField ID="TextField24" runat="server" FieldLabel="_oeb15"/> 
                                                <ext:TextField ID="TextField40" runat="server" FieldLabel="_oeb13" />                                                 
                                            </Items>
                                        </ext:Panel>     
                                    </Items>
                                </ext:Panel>
                                <ext:Panel ID="Panel5" runat="server" Layout="ColumnLayout" Border="false" Padding="5">
                                    <Items>
                                        <ext:Panel ID="Panel6" runat="server"  ColumnWidth="0.5" Border="false" Padding="5" >
                                            <Items>
                                                <ext:TextField ID="TextField46" runat="server" FieldLabel="_oeb03" LabelWidth="80" Margins="0 3 0 0"/>
                                                <ext:TextField ID="TextField47" runat="server" FieldLabel="_oeb06" LabelWidth="80"/>    
                                                <ext:TextField ID="TextField48" runat="server" FieldLabel="_oeb13" LabelWidth="80"/>  
                                                <ext:TextField ID="TextField49" runat="server" FieldLabel="_oeb15" LabelWidth="80"/>  
                                                <ext:TextField ID="TextField50" runat="server" FieldLabel="_oeb03" LabelWidth="80" Margins="0 3 0 0"/>
                                                <ext:TextField ID="TextField51" runat="server" FieldLabel="_oeb06" LabelWidth="80"/>    
                                                <ext:TextField ID="TextField52" runat="server" FieldLabel="_oeb13" LabelWidth="80"/>  
                                                <ext:TextField ID="TextField53" runat="server" FieldLabel="_oeb15" LabelWidth="80"/>  
                                                <ext:TextField ID="TextField54" runat="server" FieldLabel="_oeb03" LabelWidth="80" Margins="0 3 0 0"/>
                                                <ext:TextField ID="TextField55" runat="server" FieldLabel="_oeb06" LabelWidth="80"/>    
                                                <ext:TextField ID="TextField56" runat="server" FieldLabel="_oeb13" LabelWidth="80"/>  
                                                <ext:TextField ID="TextField57" runat="server" FieldLabel="_oeb15" LabelWidth="80"/>                                                                              
                                            </Items>
                                        </ext:Panel>
                                        <ext:Panel ID="Panel10" runat="server"  ColumnWidth="0.5" Border="false" Padding="2">
                                            <Items>
                                                <ext:TextField ID="TextField66" runat="server" FieldLabel="_oeb04" />                                
                                                <ext:TextField ID="TextField67" runat="server" FieldLabel="_oeb11" />
                                                <ext:TextField ID="TextField68" runat="server" FieldLabel="_oeb14" />  
                                                <ext:TextField ID="TextField69" runat="server" FieldLabel="_oeb24" /> 
                                                <ext:TextField ID="TextField70" runat="server" FieldLabel="_oeb03"  />
                                                <ext:TextField ID="TextField71" runat="server" FieldLabel="_oeb06"/>    
                                                <ext:TextField ID="TextField72" runat="server" FieldLabel="_oeb13" />  
                                                <ext:TextField ID="TextField73" runat="server" FieldLabel="_oeb15" />  
                                                <ext:TextField ID="TextField74" runat="server" FieldLabel="_oeb03"  />
                                                <ext:TextField ID="TextField75" runat="server" FieldLabel="_oeb06" />   
                                               
                                            </Items>
                                        </ext:Panel>                                         
                                    </Items>
                                </ext:Panel>                                       
                            </Items>
                        </ext:Panel>
                        <ext:Panel ID="Tab2" runat="server" Title="Tab2"  BodyPadding="5" >
                        
                        </ext:Panel>
                        <ext:Panel ID="Tab3" runat="server" Title="Tab3"  BodyPadding="5" >
                            
                        </ext:Panel>
                    </Items>         
                                     
                </ext:TabPanel>
            </Items>
            <Buttons>
                        
                <ext:Button ID="Button2" runat="server" Text="儲存" />
            </Buttons>  
        </ext:Window>
</body>
</html>
    Last edited by Daniil; Jun 04, 2013 at 5:07 AM. Reason: [CLOSED]
  2. #2
    May 28, 2013, 10:24 AM
    Hi @gs_user,

    You can set Layout="HBoxLayout" for the FieldContainer.
  3. #3
    May 29, 2013, 12:17 AM
    Hello,

    i set Layout="HBoxLayout" for the FieldContainer, but only display like this
    Click image for larger version.  Name: 06.jpg  Views: 16  Size: 60.1 KB  ID: 6282

    <%@ Page Language="C#" %>


<%@ Register assembly="Ext.Net" namespace="Ext.Net" tagprefix="ext" %>
    
<script runat="server">
   

</script>

<!DOCTYPE html>

<html>
<head id="Head1" runat="server">
    <title>test</title>
</head>
<body>
    <ext:ResourceManager ID="ResourceManager1" runat="server" />
    
    <ext:Window 
            ID="Window1" 
            runat="server" 
            Title="Hello World"  
            Icon="Application"
            Height="550" 
            Width="1000" 
            Modal="true" Layout="FitLayout">
            <TopBar>
                <ext:Toolbar>
                    <Items>
                        <ext:Button ID="Button1" runat="server" Text="新增" Icon="Add" />
                    </Items>
                </ext:Toolbar>                        
            </TopBar>
            <Items>
                <ext:TabPanel 
                    ID="TabPanel1" 
                    runat="server" 
                    Width="200">                      
                    <Items>
                        <ext:Panel ID="Tab1" runat="server" Title="Tab1"  AutoScroll="true" >
                            <Items>
                                <ext:Panel ID="Panel4" runat="server" Layout="ColumnLayout" Border="false" Padding="5">
                                    <Items>
                                        <ext:Panel ID="Panel7" runat="server"  ColumnWidth="0.333" Border="false" Padding="5" >
                                            <Items>
                                                <ext:FieldContainer ID="FieldContainer1" AnchorHorizontal="100%" FieldLabel="Text fields" runat="server" Layout="HBoxLayout" >
                                                    <Items>
                                                        <ext:TextField ID="TextField85" runat="server" LabelWidth="80" Margins="0 3 0 0" Flex="1"/>
                                                        <ext:DisplayField ID="DisplayField1" runat="server" Text="hours" Flex="1" />
                                                    </Items>
                                                </ext:FieldContainer>
                                                <ext:TextField ID="tf_oeb03" runat="server" FieldLabel="_oeb03" LabelWidth="80" Margins="0 3 0 0"/>
                                                <ext:TextField ID="tf_oeb06" runat="server" FieldLabel="_oeb06" LabelWidth="80"/>    
                                                <ext:TextField ID="tf_oeb13" runat="server" FieldLabel="_oeb13" LabelWidth="80"/>  
                                                <ext:TextField ID="tf_oeb15" runat="server" FieldLabel="_oeb15" LabelWidth="80"/>  
                                                <ext:TextField ID="TextField1" runat="server" FieldLabel="_oeb03" LabelWidth="80" Margins="0 3 0 0"/>
                                                <ext:TextField ID="TextField2" runat="server" FieldLabel="_oeb06" LabelWidth="80"/>    
                                                <ext:TextField ID="TextField3" runat="server" FieldLabel="_oeb13" LabelWidth="80"/>  
                                                <ext:TextField ID="TextField4" runat="server" FieldLabel="_oeb15" LabelWidth="80"/>                                                                               
                                            </Items>
                                        </ext:Panel>
                                        <ext:Panel ID="Panel8" runat="server"  ColumnWidth="0.333" Border="false" Padding="2">
                                            <Items>
                                                <ext:TextField ID="tf_oeb04" runat="server" FieldLabel="_oeb04" />                                
                                                <ext:TextField ID="tf_oeb11" runat="server" FieldLabel="_oeb11" />
                                                <ext:TextField ID="tf_oeb14" runat="server" FieldLabel="_oeb14" />  
                                                <ext:TextField ID="tf_oeb24" runat="server" FieldLabel="_oeb24" /> 
                                                <ext:TextField ID="TextField9" runat="server" FieldLabel="_oeb03"  />
                                                <ext:TextField ID="TextField10" runat="server" FieldLabel="_oeb06"/>    
                                                <ext:TextField ID="TextField11" runat="server" FieldLabel="_oeb13" />  
                                                <ext:TextField ID="TextField12" runat="server" FieldLabel="_oeb15" />                                                  
                                            </Items>
                                        </ext:Panel>
                                        <ext:Panel ID="Panel9" runat="server"  ColumnWidth="0.333" Border="false" Padding="2">
                                            <Items>
                                                <ext:TextField ID="tf_oeb05" runat="server" FieldLabel="_oeb05" />
                                                <ext:TextField ID="tf_oeb12" runat="server" FieldLabel="_oeb12" />
                                                <ext:TextField ID="tf_oeb14t" runat="server" FieldLabel="_oeb14t" />  
                                                <ext:TextField ID="tf_oeb70" runat="server" FieldLabel="_oeb70" /> 
                                                <ext:TextField ID="TextField17" runat="server" FieldLabel="_oeb03"  Margins="0 3 0 0"/>
                                                <ext:TextField ID="TextField18" runat="server" FieldLabel="_oeb06" />    
                                                <ext:TextField ID="TextField19" runat="server" FieldLabel="_oeb13" />  
                                                <ext:TextField ID="TextField20" runat="server" FieldLabel="_oeb15" />  
                                                <ext:TextField ID="TextField21" runat="server" FieldLabel="_oeb03"  Margins="0 3 0 0"/>
                                                <ext:TextField ID="TextField22" runat="server" FieldLabel="_oeb06" />    
                                                <ext:TextField ID="TextField23" runat="server" FieldLabel="_oeb13" />  
                                                <ext:TextField ID="TextField24" runat="server" FieldLabel="_oeb15"/> 
                                                <ext:TextField ID="TextField40" runat="server" FieldLabel="_oeb13" />                                                 
                                            </Items>
                                        </ext:Panel>     
                                    </Items>
                                </ext:Panel>
                                <ext:Panel ID="Panel5" runat="server" Layout="ColumnLayout" Border="false" Padding="5">
                                    <Items>
                                        <ext:Panel ID="Panel6" runat="server"  ColumnWidth="0.5" Border="false" Padding="5" >
                                            <Items>
                                                <ext:TextField ID="TextField46" runat="server" FieldLabel="_oeb03" LabelWidth="80" Margins="0 3 0 0"/>
                                                <ext:TextField ID="TextField47" runat="server" FieldLabel="_oeb06" LabelWidth="80"/>    
                                                <ext:TextField ID="TextField48" runat="server" FieldLabel="_oeb13" LabelWidth="80"/>  
                                                <ext:TextField ID="TextField49" runat="server" FieldLabel="_oeb15" LabelWidth="80"/>  
                                                <ext:TextField ID="TextField50" runat="server" FieldLabel="_oeb03" LabelWidth="80" Margins="0 3 0 0"/>
                                                <ext:TextField ID="TextField51" runat="server" FieldLabel="_oeb06" LabelWidth="80"/>    
                                                <ext:TextField ID="TextField52" runat="server" FieldLabel="_oeb13" LabelWidth="80"/>  
                                                <ext:TextField ID="TextField53" runat="server" FieldLabel="_oeb15" LabelWidth="80"/>  
                                                <ext:TextField ID="TextField54" runat="server" FieldLabel="_oeb03" LabelWidth="80" Margins="0 3 0 0"/>
                                                <ext:TextField ID="TextField55" runat="server" FieldLabel="_oeb06" LabelWidth="80"/>    
                                                <ext:TextField ID="TextField56" runat="server" FieldLabel="_oeb13" LabelWidth="80"/>  
                                                <ext:TextField ID="TextField57" runat="server" FieldLabel="_oeb15" LabelWidth="80"/>                                                                              
                                            </Items>
                                        </ext:Panel>
                                        <ext:Panel ID="Panel10" runat="server"  ColumnWidth="0.5" Border="false" Padding="2">
                                            <Items>
                                                <ext:TextField ID="TextField66" runat="server" FieldLabel="_oeb04" />                                
                                                <ext:TextField ID="TextField67" runat="server" FieldLabel="_oeb11" />
                                                <ext:TextField ID="TextField68" runat="server" FieldLabel="_oeb14" />  
                                                <ext:TextField ID="TextField69" runat="server" FieldLabel="_oeb24" /> 
                                                <ext:TextField ID="TextField70" runat="server" FieldLabel="_oeb03"  />
                                                <ext:TextField ID="TextField71" runat="server" FieldLabel="_oeb06"/>    
                                                <ext:TextField ID="TextField72" runat="server" FieldLabel="_oeb13" />  
                                                <ext:TextField ID="TextField73" runat="server" FieldLabel="_oeb15" />  
                                                <ext:TextField ID="TextField74" runat="server" FieldLabel="_oeb03"  />
                                                <ext:TextField ID="TextField75" runat="server" FieldLabel="_oeb06" />   
                                               
                                            </Items>
                                        </ext:Panel>                                         
                                    </Items>
                                </ext:Panel>                                       
                            </Items>
                        </ext:Panel>
                        <ext:Panel ID="Tab2" runat="server" Title="Tab2"  BodyPadding="5" >
                        
                        </ext:Panel>
                        <ext:Panel ID="Tab3" runat="server" Title="Tab3"  BodyPadding="5" >
                            
                        </ext:Panel>
                    </Items>         
                                     
                </ext:TabPanel>
            </Items>
            <Buttons>
                        
                <ext:Button ID="Button2" runat="server" Text="儲存" />
            </Buttons>  
        </ext:Window>
</body>
</html>

    Quote Originally Posted by Daniil View Post
    Hi @gs_user,

    You can set Layout="HBoxLayout" for the FieldContainer.
  4. #4
    May 29, 2013, 2:43 AM
    Hello!

    Try to use Container instead of FieldContainer:

    <%@ Page Language="C#" %>
 
 
<%@ Register assembly="Ext.Net" namespace="Ext.Net" tagprefix="ext" %>
     
<script runat="server">
    
 
</script>
 
<!DOCTYPE html>
 
<html>
<head id="Head1" runat="server">
    <title>test</title>
</head>
<body>
    <ext:ResourceManager ID="ResourceManager1" runat="server" />
     
    <ext:Window
            ID="Window1"
            runat="server"
            Title="Hello World" 
            Icon="Application"
            Height="550"
            Width="1000"
            Modal="true" Layout="FitLayout">
            <TopBar>
                <ext:Toolbar>
                    <Items>
                        <ext:Button ID="Button1" runat="server" Text="新增" Icon="Add" />
                    </Items>
                </ext:Toolbar>                        
            </TopBar>
            <Items>
                <ext:TabPanel
                    ID="TabPanel1"
                    runat="server"
                    Width="200">                      
                    <Items>
                        <ext:Panel ID="Tab1" runat="server" Title="Tab1"  AutoScroll="true" >
                            <Items>
                                <ext:Panel ID="Panel4" runat="server" Layout="ColumnLayout" Border="false" Padding="5">
                                    <Items>
                                        <ext:Panel ID="Panel7" runat="server"  ColumnWidth="0.333" Border="false">
                                            <Items>
                                                <ext:Container ID="FieldContainer1" AnchorHorizontal="100%" FieldLabel="Text fields" runat="server" Layout="HBoxLayout" MarginSpec="1 0 5 0" Padding="0">
                                                    <LayoutConfig>
                                                        <ext:HBoxLayoutConfig Align="Stretch" />
                                                    </LayoutConfig>
                                                    <Items>
                                                        <ext:Label runat="server" Text="Text fields" Width="85"></ext:Label>
                                                        <ext:TextField ID="TextField85" runat="server" LabelWidth="80"  Width="150"/>
                                                        <ext:DisplayField ID="DisplayField1" runat="server" Text="hours" Flex="1" />
                                                    </Items>
                                                </ext:Container>
                                                <ext:TextField ID="tf_oeb03" runat="server" FieldLabel="_oeb03" LabelWidth="80" Margins="0 3 0 0"/>
                                                <ext:TextField ID="tf_oeb06" runat="server" FieldLabel="_oeb06" LabelWidth="80"/>    
                                                <ext:TextField ID="tf_oeb13" runat="server" FieldLabel="_oeb13" LabelWidth="80"/>  
                                                <ext:TextField ID="tf_oeb15" runat="server" FieldLabel="_oeb15" LabelWidth="80"/>  
                                                <ext:TextField ID="TextField1" runat="server" FieldLabel="_oeb03" LabelWidth="80" Margins="0 3 0 0"/>
                                                <ext:TextField ID="TextField2" runat="server" FieldLabel="_oeb06" LabelWidth="80"/>    
                                                <ext:TextField ID="TextField3" runat="server" FieldLabel="_oeb13" LabelWidth="80"/>  
                                                <ext:TextField ID="TextField4" runat="server" FieldLabel="_oeb15" LabelWidth="80"/>                                                                               
                                            </Items>
                                        </ext:Panel>
                                        <ext:Panel ID="Panel8" runat="server"  ColumnWidth="0.333" Border="false" Padding="2">
                                            <Items>
                                                <ext:TextField ID="tf_oeb04" runat="server" FieldLabel="_oeb04" />                                
                                                <ext:TextField ID="tf_oeb11" runat="server" FieldLabel="_oeb11" />
                                                <ext:TextField ID="tf_oeb14" runat="server" FieldLabel="_oeb14" />  
                                                <ext:TextField ID="tf_oeb24" runat="server" FieldLabel="_oeb24" /> 
                                                <ext:TextField ID="TextField9" runat="server" FieldLabel="_oeb03"  />
                                                <ext:TextField ID="TextField10" runat="server" FieldLabel="_oeb06"/>    
                                                <ext:TextField ID="TextField11" runat="server" FieldLabel="_oeb13" />  
                                                <ext:TextField ID="TextField12" runat="server" FieldLabel="_oeb15" />                                                  
                                            </Items>
                                        </ext:Panel>
                                        <ext:Panel ID="Panel9" runat="server"  ColumnWidth="0.333" Border="false" Padding="2">
                                            <Items>
                                                <ext:TextField ID="tf_oeb05" runat="server" FieldLabel="_oeb05" />
                                                <ext:TextField ID="tf_oeb12" runat="server" FieldLabel="_oeb12" />
                                                <ext:TextField ID="tf_oeb14t" runat="server" FieldLabel="_oeb14t" />  
                                                <ext:TextField ID="tf_oeb70" runat="server" FieldLabel="_oeb70" /> 
                                                <ext:TextField ID="TextField17" runat="server" FieldLabel="_oeb03"  Margins="0 3 0 0"/>
                                                <ext:TextField ID="TextField18" runat="server" FieldLabel="_oeb06" />    
                                                <ext:TextField ID="TextField19" runat="server" FieldLabel="_oeb13" />  
                                                <ext:TextField ID="TextField20" runat="server" FieldLabel="_oeb15" />  
                                                <ext:TextField ID="TextField21" runat="server" FieldLabel="_oeb03"  Margins="0 3 0 0"/>
                                                <ext:TextField ID="TextField22" runat="server" FieldLabel="_oeb06" />    
                                                <ext:TextField ID="TextField23" runat="server" FieldLabel="_oeb13" />  
                                                <ext:TextField ID="TextField24" runat="server" FieldLabel="_oeb15"/> 
                                                <ext:TextField ID="TextField40" runat="server" FieldLabel="_oeb13" />                                                 
                                            </Items>
                                        </ext:Panel>     
                                    </Items>
                                </ext:Panel>
                                <ext:Panel ID="Panel5" runat="server" Layout="ColumnLayout" Border="false" Padding="5">
                                    <Items>
                                        <ext:Panel ID="Panel6" runat="server"  ColumnWidth="0.5" Border="false" Padding="5" >
                                            <Items>
                                                <ext:TextField ID="TextField46" runat="server" FieldLabel="_oeb03" LabelWidth="80" Margins="0 3 0 0"/>
                                                <ext:TextField ID="TextField47" runat="server" FieldLabel="_oeb06" LabelWidth="80"/>    
                                                <ext:TextField ID="TextField48" runat="server" FieldLabel="_oeb13" LabelWidth="80"/>  
                                                <ext:TextField ID="TextField49" runat="server" FieldLabel="_oeb15" LabelWidth="80"/>  
                                                <ext:TextField ID="TextField50" runat="server" FieldLabel="_oeb03" LabelWidth="80" Margins="0 3 0 0"/>
                                                <ext:TextField ID="TextField51" runat="server" FieldLabel="_oeb06" LabelWidth="80"/>    
                                                <ext:TextField ID="TextField52" runat="server" FieldLabel="_oeb13" LabelWidth="80"/>  
                                                <ext:TextField ID="TextField53" runat="server" FieldLabel="_oeb15" LabelWidth="80"/>  
                                                <ext:TextField ID="TextField54" runat="server" FieldLabel="_oeb03" LabelWidth="80" Margins="0 3 0 0"/>
                                                <ext:TextField ID="TextField55" runat="server" FieldLabel="_oeb06" LabelWidth="80"/>    
                                                <ext:TextField ID="TextField56" runat="server" FieldLabel="_oeb13" LabelWidth="80"/>  
                                                <ext:TextField ID="TextField57" runat="server" FieldLabel="_oeb15" LabelWidth="80"/>                                                                              
                                            </Items>
                                        </ext:Panel>
                                        <ext:Panel ID="Panel10" runat="server"  ColumnWidth="0.5" Border="false" Padding="2">
                                            <Items>
                                                <ext:TextField ID="TextField66" runat="server" FieldLabel="_oeb04" />                                
                                                <ext:TextField ID="TextField67" runat="server" FieldLabel="_oeb11" />
                                                <ext:TextField ID="TextField68" runat="server" FieldLabel="_oeb14" />  
                                                <ext:TextField ID="TextField69" runat="server" FieldLabel="_oeb24" /> 
                                                <ext:TextField ID="TextField70" runat="server" FieldLabel="_oeb03"  />
                                                <ext:TextField ID="TextField71" runat="server" FieldLabel="_oeb06"/>    
                                                <ext:TextField ID="TextField72" runat="server" FieldLabel="_oeb13" />  
                                                <ext:TextField ID="TextField73" runat="server" FieldLabel="_oeb15" />  
                                                <ext:TextField ID="TextField74" runat="server" FieldLabel="_oeb03"  />
                                                <ext:TextField ID="TextField75" runat="server" FieldLabel="_oeb06" />   
                                                
                                            </Items>
                                        </ext:Panel>                                         
                                    </Items>
                                </ext:Panel>                                       
                            </Items>
                        </ext:Panel>
                        <ext:Panel ID="Tab2" runat="server" Title="Tab2"  BodyPadding="5" >
                         
                        </ext:Panel>
                        <ext:Panel ID="Tab3" runat="server" Title="Tab3"  BodyPadding="5" >
                             
                        </ext:Panel>
                    </Items>         
                                      
                </ext:TabPanel>
            </Items>
            <Buttons>
                         
                <ext:Button ID="Button2" runat="server" Text="儲存" />
            </Buttons>  
        </ext:Window>
</body>
</html>
  5. #5
    May 29, 2013, 4:58 AM
    I think a FieldContainer is also OK. Just its AnchorHorizontal="100%" setting is ignored, because it is used only if a parent container has AnchorLayout.

    So, setting Layout="AnchorLayout" for ID="Panel7" helps.

Similar Threads

  1. [CLOSED] layout problem?
    By hdsoso in forum 2.x Legacy Premium Help
    Replies: 5
    Last Post: May 16, 2013, 10:36 AM
  2. Layout Problem
    By bilgibilisim in forum 2.x Help
    Replies: 0
    Last Post: Oct 23, 2012, 10:36 AM
  3. TabPanel layout problem
    By m_bo in forum 1.x Help
    Replies: 0
    Last Post: Mar 19, 2012, 9:10 AM
  4. Height layout problem
    By jansssson in forum 1.x Help
    Replies: 3
    Last Post: Jan 26, 2011, 10:04 AM
  5. About viewport layout problem
    By cellye in forum 1.x Help
    Replies: 3
    Last Post: May 10, 2010, 6:21 AM

Tags for this Thread

Posting Permissions