Nov 22, 2013, 12:32 PM
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
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>