[CLOSED] panels fit completely in a window

  1. #1

    [CLOSED] panels fit completely in a window

    Hi,
    can you show me the best way to get two horizontally aligned panels fit completely in a window?
    Thanks in advance.
    M

    <ext:Window 
                ID="wGrigliaPoteri" 
                runat="server" 
                Title="Griglia dei poteri"  
                Icon="Application"
                Height="500" 
                Width="800"
                BodyStyle="background-color: #fff;" 
                
                Modal="true"
                Hidden="true"
                Layout="ColumnLayout"
                >
                <Listeners>
                <Show Handler="#{stPotere}.load();"></Show>
                </Listeners>
                <Content>            
                <ext:Panel 
                    runat="server" 
                    Height="400"
                    Title="Negativi" 
                    Layout="ColumnLayout"
                    ColumnWidth="0.5" 
                >
                <Items>
                <ext:Panel 
                    runat="server" 
                    ColumnWidth="0.34" 
                    ID="NegCol1"
                    FrameHeader="false"
                    Border="false"                
                    Padding="5"
                    />
                <ext:Panel 
                    runat="server" 
                    ColumnWidth="0.33" 
                    ID="NegCol2"
                    FrameHeader="false"
                    Border="false"
                    Padding="5"
                    />
                <ext:Panel 
                    runat="server"                
                    ColumnWidth="0.33" 
                    ID="NegCol3"
                    FrameHeader="false"
                    Border="false"
                    Padding="5"
                    />
                    </Items>
                    </ext:Panel>
                <ext:Panel 
                    runat="server" 
                    Title="Positivi" 
                    Height="400"
                    Layout="ColumnLayout"
                    ColumnWidth="0.5" 
                >
                <Items>
                <ext:Panel 
                    runat="server" 
                    ColumnWidth="0.34" 
                    ID="PosCol1"
                    FrameHeader="false"
                    Border="false"
                    Padding="5"
                    />
                <ext:Panel 
                    runat="server" 
                    ColumnWidth="0.33" 
                    ID="PosCol2"
                    FrameHeader="false"
                    Border="false"
                    Padding="5"
                    />
                <ext:Panel 
                    runat="server"                
                    ColumnWidth="0.33" 
                    ID="PosCol3"
                    FrameHeader="false"                      
                    Border="false"
                    Padding="5"
                    />
                    </Items>
                    </ext:Panel>
                </Content>
                <Buttons>
                <ext:Button ID="AddToCartFromGrid" runat="server" Text="Aggiungi al Carrello" Icon="CartAdd" >
                    <DirectEvents>
                        <Click OnEvent="AddToCartFromGrigliaPoteri" ></Click>
                    </DirectEvents>
                    <Listeners>
                            <Click Handler="#{gpBasket}.store.load();" />
                    </Listeners>
                </ext:Button>
                </Buttons>
            </ext:Window>
    Last edited by Daniil; May 31, 2012 at 2:44 PM. Reason: [CLOSED]
  2. #2
    Hi,

    Please use HBoxLayout.

    Example
    <%@ Page Language="C#" %>
    
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>Ext.NET v2 Example</title>
    </head>
    <body>
        <form runat="server">
            <ext:ResourceManager runat="server" />
            <ext:Window 
                runat="server" 
                Width="500" 
                Height="500" 
                Layout="HBoxLayout">
                <LayoutConfig>
                    <ext:HBoxLayoutConfig Align="Stretch" />
                </LayoutConfig>
                <Items>
                    <ext:Panel runat="server" Flex="1" BodyStyle="background-color: green;" />
                    <ext:Panel runat="server" Flex="1" BodyStyle="background-color: yellow;" />
                </Items>
            </ext:Window>
        </form>
    </body>
    </html>
  3. #3
    It works.
    Thank you.
    M

Similar Threads

  1. [CLOSED] making collapsible forms completely disabled
    By GLD in forum 1.x Legacy Premium Help
    Replies: 7
    Last Post: May 29, 2012, 8:20 AM
  2. [CLOSED] the page don't render completely some thimes
    By lonely7345 in forum 1.x Legacy Premium Help
    Replies: 6
    Last Post: May 04, 2011, 9:25 AM
  3. [CLOSED] Popup window not showing Completely
    By rnachman in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Mar 11, 2011, 5:03 PM
  4. Hot to completely disable SpinnerField?
    By pczyz in forum 1.x Help
    Replies: 1
    Last Post: Jul 28, 2010, 10:58 PM
  5. [CLOSED] Can I completely hide the column headers on a GridPanel?
    By iansriley in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Mar 13, 2009, 9:07 AM

Posting Permissions