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

  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
    Vladimir Shcheglov
    Sr. Developer
  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")
    Vladimir Shcheglov
    Sr. Developer
  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