Jan 28, 2011, 9:07 PM
[CLOSED] Height of a panel inside RowLayout does not apply when the RowLayout is inside a TabPanel
Hello,
Here's a row layout that works nicely:
1) The top panel is 70px
2) The bottom row panel is the remainder of the space (using RowHeight=1 - I assume that is the right thing to do?)
Thanks!
Here's a row layout that works nicely:
1) The top panel is 70px
2) The bottom row panel is the remainder of the space (using RowHeight=1 - I assume that is the right thing to do?)
<%@ Page Language="C#" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>Row Layout - Ext.NET Examples</title>
</head>
<body>
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<ext:Viewport ID="Viewport1" runat="server">
<Items>
<ext:Panel ID="RowLayout1" Layout="ux.row" runat="server">
<Items>
<ext:Panel ID="Panel1" runat="server" Title="Initial Height = 70px" Height="70" />
<ext:Panel ID="Panel2" runat="server" Title="Initial Height = 100%" RowHeight="1" />
</Items>
<LayoutConfig>
<ext:RowLayoutConfig Split="true" Background="false" />
</LayoutConfig>
</ext:Panel>
</Items>
</ext:Viewport>
</body>
</html>
Now, if I wrap all that inside a TabPanel (which is inside a fit layout) then the top panel is very large (depending on the height of your browser window) and I can't get Height to apply. I can use something like RowHeight=0.25 for the top panel, but I need to define a fixed height for it:<%@ Page Language="C#" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>Row Layout - Ext.NET Examples</title>
</head>
<body>
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<ext:Viewport ID="Viewport1" runat="server">
<Items>
<ext:FitLayout ID="FitLayout1" runat="server">
<Items>
<ext:TabPanel ID="TabPanel2" Plain="true" TabPosition="Bottom" runat="server">
<Items>
<ext:Panel ID="Panel6" Title="tab 1" Layout="ux.row" runat="server">
<Items>
<ext:Panel ID="Panel7" runat="server" Title="Initial Height = 70px" Height="70" />
<ext:Panel ID="Panel8" runat="server" Title="Initial Height = 100%" RowHeight="1" />
</Items>
<LayoutConfig>
<ext:RowLayoutConfig Split="true" Background="false" />
</LayoutConfig>
</ext:Panel>
</Items>
</ext:TabPanel>
</Items>
</ext:FitLayout>
</Items>
</ext:Viewport>
</body>
</html>
Any suggestions welcome.Thanks!
Last edited by Daniil; Feb 02, 2011 at 10:45 AM.
Reason: [CLOSED]