[CLOSED] Nested border layout

[odyssey]

The layout of south panel is not working.What is wrong with the mark up below ???

<ext:Panel runat="server" ID="pnlMain" Width="600" Height="400" Layout="BorderLayout">
        <Items>
            <ext:Panel runat="server" ID="pnlCenter" Region="Center" Flex="1" Title="Center">
            </ext:Panel>
            <ext:Panel runat="server" ID="pnlWest" Split="true" Region="West" Flex="1" Title="West">
            </ext:Panel>
            <ext:Panel runat="server"  Region ="South"  MinHeight="200" Layout="BorderLayout">
                <Items>
                    <ext:Panel runat="server" ID="Panel1" Region="Center" Flex="1" Title="Center">
                    </ext:Panel>
                    <ext:Panel runat="server" ID="Panel2" Split="true" Region="West" Flex="1" Title="West">
                    </ext:Panel>
                </Items>
            </ext:Panel>
        </Items>
    </ext:Panel>

[Daniil]

Hi @odyssey,

I think it needs to replace MinHeight="200" with Height="200".

A south region requires Height or Flex.
http://docs.sencha.com/ext-js/4-1/#!...ntainer.Border

Please avoid border layout nesting if possible. Please search for "Reduce border layout nesting" here:
http://www.sencha.com/blog/optimizin...d-applications

[zeus]

Hi @odyssey,

I think it needs to replace MinHeight="200" with Height="200".

A south region requires Height or Flex.
http://docs.sencha.com/ext-js/4-1/#!...ntainer.Border

Please avoid border layout nesting if possible. Please search for "Reduce border layout nesting" here:
http://www.sencha.com/blog/optimizin...d-applications

Thanks a lot Daniil. Since I need two resizable sections in South region there is only one reasonable option for me is "BorderLayout "
and for improving performance replaced the Panel to Container

[Vladimir]

Two resizable sections can be implemented using hbox layout and splitter
https://examples2.ext.net/#/Layout/HBoxLayout/Split/