Ext.net Layout--borderlayout (Border layout)

The layout in ext.net is the encapsulation of the ExtJS layout, which can be used in a panel control or a control inherited from a panel.

<body> <ext:resourcemanager runat= "Server"/> <div> <ext:viewport id= "Viewport1" runat= " Server "layout=" Fit > <Items> <ext:borderlayout id= "BORDERLAYOUT1" runat= "Server"                    ;                        <Items> <ext:panel runat= "Server" region= "West" title= "Western" width= "" "Border=" true "> </ext:Panel> <ext:panel runat= "Server" region= "East" title= "Dong" width= "Border=" "true" > </ext:Panel> <ext:panel runat= "Server" Regi On= "North" title= "height=" border= "true" > </ext:Panel> <e                        Xt:panel runat= "Server" region= "South" title= "Southern" height= "" "Border=" true "> </ext:Panel> <ext:panel runat= "Server" region= "Center" title= "border=" true "> &lt ;/Ext:panel> </Items> </ext:BorderLayout> </Items> & Lt;/ext:viewport> </div></body>

Or it could be the bottom of it.

<ext:viewport id= "Viewport1" runat= "Server" layout= "BorderLayout" >        <Items>         <ext:panel runat = "Server" region= "West" width= ">"            <ext:panel runat= "Server" width= "213px" region= "West" id= "ctl138" Idmode= "Legacy" >                <Items>                    <ext:accordionlayout id= "accordionleft" runat= "Server" animate= "true ">                    </ext:AccordionLayout>                </Items>            </ext:Panel>

Click to open link

Ext.net Layout--borderlayout (Border layout)