Oct 13, 2008, 6:50 PM
[CLOSED] wanting to get panel to resize with browser
I'm trying to get the borderlayout to resize as the browser changes size. I tried the resize event on the panel listener but that doesn't seem to to work for me. The page is listed below that I've been trying with.
<%@ Page Language="C#" %>
<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
</script>
<script type="text/javascript" >
function Resize() {
var browserHeight = document.getElementById("<%= Panel1.ClientID %>").clientHeight;
var browserWidth = document.getElementById("<%= Panel1.ClientID %>").clientWidth;
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<ext:ScriptManager ID="ScriptManager1" runat="server">
</ext:ScriptManager>
<ext:Panel ID="Panel1" runat="server" Height="300" Title="Title" >
<Listeners>
<Resize fn="Resize" />
</Listeners>
<Content>
<ext:BorderLayout ID="BorderLayout1" runat="server">
<West Collapsible="true" Split="true">
<ext:Panel ID="Panel2" runat="server" Title="West" Width="175">
</ext:Panel>
</West>
<Center>
<ext:Panel ID="Panel3" runat="server" Title="Center">
</ext:Panel>
</Center>
<East Collapsible="true" Split="true">
<ext:Panel ID="Panel4" runat="server" Title="East" Width="175">
</ext:Panel>
</East>
<South Collapsible="true" Split="true">
<ext:Panel ID="Panel5" runat="server" Height="150" Title="South">
</ext:Panel>
</South>
</ext:BorderLayout>
</Content>
</ext:Panel>
</form>
</body>
</html>