hi am new in ext.net am using master page with view port. and am using this master and create tabpanel it wont take full width

Hybrid View

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

    hi am new in ext.net am using master page with view port. and am using this master and create tabpanel it wont take full width

    Click image for larger version. 

Name:	Screen1.jpg 
Views:	61 
Size:	84.8 KB 
ID:	5708this is may master page
    pl
    <ext:Viewport ID="Viewport1" runat="server" Layout="FitLayout">
            <Items>
                <ext:Panel ID="Panel1" runat="server" Layout="border" Border="false">
                    <Items>
                        <ext:Panel ID="Panel4" runat="server" Region="North" Height="75" Layout="FitLayout">
                            <Content>
                                <asp:ContentPlaceHolder ID="ContentPlaceHolder3" runat="server" />
                            </Content>
                            <BottomBar>
                                <ext:Toolbar ID="Toolbar1" runat="server">
                                    <Items>
                                        <ext:Label ID="Label1" runat="server" Text="Home" Icon="House" />
                                        <ext:ToolbarFill ID="ToolbarFill1" runat="server" />
                                        <ext:Label ID="Button5" runat="server" Text="Welcome User" Icon="User" />
                                    </Items>
                                </ext:Toolbar>
                            </BottomBar>
                        </ext:Panel>
                        <ext:Panel ID="Panel2" runat="server" Region="Center" Layout="VBoxLayout">
                            <Content>
                                <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server" />
                            </Content>
                        </ext:Panel>
                        <ext:Panel ID="Panel3" runat="server" Width="200" Region="West" Layout="Fit" Title="Navigation"
                            Resizable="true" Split="true" Collapsible="true">
                            <Items>
                                <ext:Panel ID="Panel6" runat="server" Layout="Accordion">
                                    <LayoutConfig>
                                        <ext:AccordionLayoutConfig OriginalHeader="true" />
                                    </LayoutConfig>
                                    <Items>
                                        <ext:Panel ID="Panel7" runat="server" Title="Item 1" Border="false" />
                                        <ext:Panel ID="Panel8" runat="server" Title="Item 2" Border="false" />
                                        <ext:Panel ID="Panel9" runat="server" Title="Item 3" Border="false" />
                                        <ext:Panel ID="Panel10" runat="server" Title="Item 4" Border="false" />
                                        <ext:Panel ID="Panel11" runat="server" Title="Item 5" Border="false" />
                                    </Items>
                                </ext:Panel>
                            </Items>
                        </ext:Panel>
                    </Items>
                </ext:Panel>
            </Items>
        </ext:Viewport>
    this s my children page

    <asp:Content ID="Content4" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server"
        style="width: 100%">
        <ext:TabPanel ID="TabPanel2" runat="server">
            <Items>
                <ext:Toolbar ID="Toolbar1" runat="server">
                    <Items>
                        <ext:Panel ID="Panel2" runat="server" Region="Center" Layout="VBoxLayout" AutoWidth="True">
                            <Content>
                                <ext:Label ID="Label1" runat="server" Text="Home" Icon="House" />
                                <ext:ToolbarFill ID="ToolbarFill1" runat="server" />
                                <ext:Label ID="Button5" runat="server" Text="Welcome User" Icon="User" />
                            </Content>
                        </ext:Panel>
                    </Items>
                </ext:Toolbar>
            </Items>
        </ext:TabPanel>
    </asp:Content>
    Last edited by geoffrey.mcgill; Feb 25, 2013 at 4:25 PM. Reason: please use [CODE] tags
  2. #2
    Try to use Layout="FitLayout" instead Layout="VBoxLayout" for Center region
  3. #3

    thank you boss..it will work but when i add toolbar it will show like this

    Quote Originally Posted by Vladimir View Post
    Try to use Layout="FitLayout" instead Layout="VBoxLayout" for Center region
    this is my code

    <asp:Content ID="Content4" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server"
        style="width: 100%">
        <ext:TabPanel ID="TabPanel2" runat="server" Region="Center" Layout="FitLayout" AutoWidth="True">
            <Items>
                <ext:Toolbar ID="Toolbar1" runat="server"  Title="Location">
                    <Items>
                        <ext:Label ID="Label1" runat="server" Text="Home" Icon="House" />
                        <ext:ToolbarFill ID="ToolbarFill1" runat="server" />
                        <ext:Label ID="Button5" runat="server" Text="Welcome User" Icon="User" />
                    </Items>
                </ext:Toolbar>
            </Items>
        </ext:TabPanel>
    </asp:Content>
    plz give me some idea i want to take this tool bar full region Click image for larger version. 

Name:	Screen1.jpg 
Views:	54 
Size:	83.6 KB 
ID:	5709
    Last edited by geoffrey.mcgill; Feb 25, 2013 at 7:57 PM. Reason: please use [CODE] tags
  4. #4
    You need apply Layout="FitLayout" for Center region (panel with Region="Center")
  5. #5

    Thank you brother...thanks a lot..its working..

    Quote Originally Posted by Vladimir View Post
    You need apply Layout="FitLayout" for Center region (panel with Region="Center")
    Thank you brother...thanks a lot..its working..

Similar Threads

  1. Replies: 5
    Last Post: Jun 19, 2012, 9:06 PM
  2. Replies: 2
    Last Post: Apr 04, 2012, 8:33 AM
  3. [0.8] Master with Tabpanel Layout
    By w0rtez in forum 1.x Help
    Replies: 4
    Last Post: Apr 05, 2011, 6:54 PM
  4. Replies: 2
    Last Post: May 05, 2010, 10:23 AM
  5. Replies: 0
    Last Post: Mar 09, 2010, 9:31 AM

Tags for this Thread

Posting Permissions