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 = &#100;ocument.getElementById("<%= Panel1.ClientID %>").clientHeight;
        var browserWidth = &#100;ocument.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>