[CLOSED] View Point South Region need to use in Center Region With Same working as default?

  1. #1

    [CLOSED] View Point South Region need to use in Center Region With Same working as default?

    i want to working of South Panel in ViewPort with Center Region

    <%@ Page Language="C#" %>
    
    <%@ Register assembly="Ext.Net" namespace="Ext.Net" tagprefix="ext" %>
    
    <!DOCTYPE html>
    
    <html>
    <head id="Head1" runat="server">
        <title>Viewport with BorderLayout - Ext.NET Examples</title>
    </head>
    <body>
        <ext:ResourceManager ID="ResourceManager1" runat="server" />
        
        <ext:Viewport ID="Viewport1" runat="server" Layout="BorderLayout">
            <Items>
                <ext:Panel ID="Panel1" 
                    runat="server"
                    Title="North" 
                    Region="North"
                    Split="true"
                    Height="150"
                    BodyPadding="6"
                    Html="North"
                    Collapsible="true"
                    />
                <ext:Panel ID="Panel2" 
                    runat="server" 
                    Title="West" 
                    Region="West"
                    Layout="AccordionLayout"
                    Width="225" 
                    MinWidth="225" 
                    MaxWidth="400" 
                    Split="true" 
                    Collapsible="true">
                    <Items>
                        <ext:Panel ID="Panel3" 
                            runat="server" 
                            Title="Navigation" 
                            Border="false" 
                            BodyPadding="6"
                            Icon="FolderGo"
                            Html="West"
                            />
                        <ext:Panel ID="Panel4" 
                            runat="server" 
                            Title="Settings" 
                            Border="false" 
                            BodyPadding="6"
                            Icon="FolderWrench"
                            Html="Some settings in here"
                            />
                    </Items>
                </ext:Panel>
                <ext:Panel ID="TabPanel1" runat="server" Region="Center">
                    <Items>
                        <ext:Panel ID="Panel5" 
                            runat="server" 
                            Title="Center" 
                            Border="false" 
                            BodyPadding="6"
                            Html="<h1>Viewport with BorderLayout</h1>"
                            />
                          <ext:Panel ID="Panel10" 
                    runat="server"
                    Title="South in center"
                    Region="South"
                    Split="true"
                    CollapseDirection="Bottom"
                    Collapsible="true"
                    Height="150"
                    BodyPadding="6"
                    Html="South"
                    />
                    </Items>
                </ext:Panel>
                <ext:Panel ID="Panel7" 
                    runat="server" 
                    Title="East" 
                    Region="East"
                    Collapsible="true" 
                    Split="true" 
                    MinWidth="225"
                    Width="225" 
                    Layout="Fit">
                    <Items>
                        <ext:TabPanel ID="TabPanel2" 
                            runat="server"
                            ActiveTabIndex="1" 
                            TabPosition="Bottom" 
                            Border="false">
                            <Items>
                                <ext:Panel ID="Panel8" 
                                    runat="server" 
                                    Title="Tab 1" 
                                    Border="false" 
                                    BodyPadding="6"
                                    Html="East Tab 1"
                                    />
                                <ext:Panel ID="Panel9" 
                                    runat="server" 
                                    Title="Tab 2" 
                                    Closable="true" 
                                    Border="false" 
                                    BodyPadding="6"
                                    Html="East Tab 2"
                                    />
                            </Items>
                        </ext:TabPanel>
                    </Items>
                </ext:Panel>
                <ext:Panel ID="Panel210" 
                    runat="server"
                    Title="South"
                    Region="South"
                    Split="true"
                    Collapsible="true"
                    Height="150"
                    BodyPadding="6"
                    Html="South"
                    />
            </Items>
        </ext:Viewport>
    </body>
    </html>
    Attached Thumbnails Click image for larger version. 

Name:	ViewPort.png 
Views:	13 
Size:	26.9 KB 
ID:	6892   Click image for larger version. 

Name:	ViewPort_required.jpg 
Views:	12 
Size:	54.1 KB 
ID:	6893  
    Last edited by Daniil; Sep 25, 2013 at 5:23 AM. Reason: [CLOSED]
  2. #2
    Hi @UT007,

    Please edit the post wrapping the code in [CODE] tags.
    Forum Guidelines For Posting New Topics
  3. #3
    Thank you for editing.

    You can use nested BorderLayouts.

    As far as I can understand your requirement you should:

    1. Define
    Layout="BorderLayout"
    for the Panel with "TabPanel1" ID.

    2. Define
    Region="Center"
    for the Panel with "Panel5" ID.

    Also there should be a possibility to avoid two BorderLayout by using Weights for the only BorderLayout. It is better for performance.
    https://examples2.ext.net/#/Layout/B...gions_Weights/

Similar Threads

  1. [OPEN] [#287] borderLayout button collapse of south region
    By ViDom in forum 2.x Legacy Premium Help
    Replies: 4
    Last Post: Jun 27, 2013, 4:44 AM
  2. [CLOSED] Printing the center region of a viewport
    By blueworld in forum 2.x Legacy Premium Help
    Replies: 3
    Last Post: Apr 29, 2013, 3:00 PM
  3. [CLOSED] How to add text to a collapsed region of border layout
    By ISI in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Nov 06, 2012, 12:04 PM
  4. [CLOSED] Rendering a ViewPort with south region collapsed
    By RCN in forum 2.x Legacy Premium Help
    Replies: 4
    Last Post: Oct 17, 2012, 1:59 PM
  5. [CLOSED] Setting Size of South Region
    By randy85253 in forum 1.x Legacy Premium Help
    Replies: 9
    Last Post: Feb 16, 2010, 2:42 AM

Posting Permissions