[CLOSED] VBOXLayout Not Behaving as I tought it would

Threaded View

Previous Post Previous Post   Next Post Next Post
  1. #1

    [CLOSED] VBOXLayout Not Behaving as I tought it would

    Your sample for setting a "ROWS" layout with VBoxLayout is shown below, It Works Fine.
    https://examples4.ext.net/#/Layout/VBoxLayout/Rows/
    <body>
        <ext:ResourceManager runat="server" />
    
        <ext:Viewport runat="server" Layout="VBoxLayout">
            <LayoutConfig>
                <ext:VBoxLayoutConfig Align="Stretch" />
            </LayoutConfig>
            <Items>
                <ext:Panel runat="server" Title="Initial Height = 25%" Flex="1" />
                <ext:Panel runat="server" Title="Initial Height = 100px" Height="100" />
                <ext:Panel runat="server" Title="Initial Height = 75%" Flex="3" />
            </Items>
        </ext:Viewport>
    </body>
    This is how this "Original Sample" Renders
    Click image for larger version. 

Name:	VBOXLayoutSamples_Render.png 
Views:	108 
Size:	40.6 KB 
ID:	24999


    ================================================== ==========================
    Now I took this sample and made a simple change (code shown below)
    Moved the VBOXLAYOUT container to a Panel inside the Viewport
    (Note: I changed titles to visualize the props set and also added borders)
    <body>
        <ext:ResourceManager runat="server" />
        <ext:Viewport ID="MainViewPort" runat="server">
            <Items>
                <ext:Panel ID="VBoxPanel" runat="server" Layout="VBoxLayout">
                    <LayoutConfig>
                        <ext:VBoxLayoutConfig  Align="Stretch"/>
                    </LayoutConfig>
                    <Items>
                        <ext:Panel runat="server" Title="Flex=1" Flex="1" BodyStyle="border:2px dashed blue;" />
                        <ext:Panel runat="server" Title="Height=100 No Flex" Height="100"  BodyStyle="border:2px dotted green;" />
                        <ext:Panel runat="server" Title="Flex=3" Flex="3" BodyStyle="border:2px dashed purple;" />
                    </Items>
                </ext:Panel>
           </Items>
        </ext:Viewport>
    </body>
    This is how this "Slightly Changed Sample" Renders
    Click image for larger version. 

Name:	Vboxlayout_AlteredSample.png 
Views:	95 
Size:	47.2 KB 
ID:	25000



    The Question is:
    Why the Flex panels do not expand inside the VboxLayout container for the second sample??
    Last edited by fabricio.murta; Jul 17, 2017 at 5:26 PM.

Similar Threads

  1. Replies: 9
    Last Post: Jul 08, 2015, 12:04 PM
  2. Replies: 0
    Last Post: May 05, 2015, 2:13 PM
  3. [CLOSED] Combobox in FilterHeader not behaving as in version 2
    By Argenta in forum 3.x Legacy Premium Help
    Replies: 1
    Last Post: May 05, 2015, 10:02 AM
  4. [CLOSED] Application behaving differently in Staging enviroment
    By otouri in forum 2.x Legacy Premium Help
    Replies: 10
    Last Post: Jan 08, 2013, 4:08 PM
  5. [CLOSED] form.DefaultButton behaving different under FF
    By randy85253 in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Dec 15, 2009, 11:01 AM

Tags for this Thread

Posting Permissions