May 07, 2012, 5:33 PM
[CLOSED] Auto GridPanel Height To Fill Available Space
Hey all,
Very quick and easy question - I cannot get a gridpanel to autosize to fill the remaining space on the screen. In general this gridpanel will only have 3-5 rows visible, but I need it to fill the entire remaining part of the screen.
Below is the example I am working with, am I missing something very obvious? I've tried a ton of different layout modes and checked the docs and am coming up short...below is a simplified example and as you can see even with autoheight the gridpanel does not grow vertically to fill the page.
(please forgive the extra formatting but I wanted to replicate the general style of the page).
Very quick and easy question - I cannot get a gridpanel to autosize to fill the remaining space on the screen. In general this gridpanel will only have 3-5 rows visible, but I need it to fill the entire remaining part of the screen.
Below is the example I am working with, am I missing something very obvious? I've tried a ton of different layout modes and checked the docs and am coming up short...below is a simplified example and as you can see even with autoheight the gridpanel does not grow vertically to fill the page.
(please forgive the extra formatting but I wanted to replicate the general style of the page).
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Test1.aspx.vb" Inherits="Software_Asset_Tracking_System.Test1" %>
<%@ 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 runat="server">
<title></title>
<ext:ResourceManager ID="ResourceManager1" runat="server" />
</head>
<body>
<form id="form1" runat="server">
<div>
<ext:Viewport runat="server" >
<Items>
<ext:TabPanel runat="server" >
<Items>
<ext:Panel runat="server" Title="Tab1" AutoScroll="true" AutoHeight="true" >
<Items>
<ext:Panel runat="server" Layout="FormLayout" Height="80px" >
<Items>
<ext:TextField runat="server" FieldLabel="Field 1" />
<ext:TextField runat="server" FieldLabel="Field 2" />
<ext:TextField runat="server" FieldLabel="Field 3" />
</Items>
</ext:Panel>
<ext:GridPanel runat="server" AutoHeight="true" >
<Store>
<ext:Store runat="server" >
<Reader>
<ext:JsonReader >
<Fields>
</Fields>
</ext:JsonReader>
</Reader>
</ext:Store>
</Store>
<ColumnModel>
<Columns>
<ext:Column Header="Column 1" />
<ext:Column Header="Column 2" />
</Columns>
</ColumnModel>
<BottomBar>
<ext:PagingToolbar runat="server" >
</ext:PagingToolbar>
</BottomBar>
</ext:GridPanel>
</Items>
</ext:Panel>
</Items>
</ext:TabPanel>
</Items>
</ext:Viewport>
</div>
</form>
</body>
</html>
Last edited by Daniil; May 10, 2012 at 12:53 PM.
Reason: [CLOSED]