Can't get a panel with an iFrame to stretch vertically inside a TabPanel

  1. #1

    Can't get a panel with an iFrame to stretch vertically inside a TabPanel

    Hi there, I have a tabpanel with several panels as tabas and one of them has a frame loader that contains a page with a vertical row layout of 50%/50% for a grid on top and another panel on the bottom, if I load that page standalone it will stretch perfectly but inside the frame on the tabpanel it will not!
    any ideas?
    Thanks

    Master Page
    <%@ Page Language="C#" %>
    
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    <!DOCTYPE html>
    
    
    <script runat="server">
    
    
    </script>
    
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server">
            <ext:ResourceManager runat="server" Theme="Neptune" />
            <ext:TabPanel runat="server" Layout="FitLayout">
                <Items>
                    <ext:Panel runat="server" Title="1">
                        <LayoutConfig>
                            <ext:VBoxLayoutConfig Align="Stretch" />
                        </LayoutConfig>
                        <Items>
                            <ext:Panel runat="server" Title="Initial Height = 25%" Flex="1" />
                            <ext:Panel runat="server" Title="Initial Height = 100px" Height="100" />
                            <ext:Panel runat="server" Title="Initial Height = 75%" Flex="3" />
                        </Items>
                    </ext:Panel>
                    <ext:Panel runat="server" Title="2">
                        <Items>
                            <ext:Viewport runat="server" Layout="BorderLayout" Title="2">
                                <Loader Mode="Frame" Url="Forum2.aspx" />
                            </ext:Viewport>
                        </Items>
                    </ext:Panel>
                    <ext:Panel runat="server" Title="3">
                        <Loader Mode="Frame" Url="Forum2.aspx" />
                    </ext:Panel>
                </Items>
            </ext:TabPanel>
        </form>
    </body>
    </html>
    Child Page:
    <%@ Page Language="C#" %>
    
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    
    
    <!DOCTYPE html>
    
    
    <html>
    <head runat="server">
        <title>VBoxLayout Rows - Ext.NET Examples</title>
        <link href="/resources/css/examples.css" rel="stylesheet" />
    </head>
    <body>
        <ext:ResourceManager runat="server" />
        <ext:Viewport runat="server" Layout="BorderLayout">
            <Items>
                <ext:Panel runat="server" Region="Center">
                    <LayoutConfig>
                        <ext:VBoxLayoutConfig Align="Stretch" />
                    </LayoutConfig>
                    <Items>
                        <ext:Panel runat="server" Title="Initial Height = 25%" Flex="1" />
                        <ext:Panel runat="server" Title="Initial Height = 100px" Height="100" />
                        <ext:Panel runat="server" Title="Initial Height = 75%" Flex="3" />
                    </Items>
                </ext:Panel>
            </Items>
        </ext:Viewport>
    </body>
    </html>
  2. #2
    I think you need to remove lines 33, 34, 36 and 37.

    An <ext:Viewport> is always (and only) the top level control on a Page.

    Hope this helps.
    Geoffrey McGill
    Founder

Similar Threads

  1. [CLOSED] How to stretch the content inside bottom bar
    By odyssey in forum 2.x Legacy Premium Help
    Replies: 3
    Last Post: Feb 28, 2013, 11:43 AM
  2. Replies: 14
    Last Post: Dec 27, 2012, 4:18 PM
  3. Replies: 19
    Last Post: May 18, 2011, 4:45 PM
  4. Replies: 7
    Last Post: Feb 01, 2011, 11:00 AM
  5. Can I stretch a TextArea control inside a Panel?
    By paul-2011 in forum 1.x Help
    Replies: 7
    Last Post: Aug 26, 2010, 10:55 PM

Tags for this Thread

Posting Permissions