[CLOSED] How to resize Panel after click event ?
Hi,
I would like to resize panel after click event on button handler this is the code below :
Code:
<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>
<%@ Register Assembly="CKEditor.NET" Namespace="CKEditor.NET" TagPrefix="CKEditor" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!DOCTYPE html>
<html>
<head runat="server">
<script type="text/javascript">
var openDashBoardPanel = function () {
testPnl.setHeight(500);
};
</script>
</head>
<ext:ResourceManager runat="server">
</ext:ResourceManager>
<body>
<ext:Viewport ID="ViewPort1" runat="server">
<Items>
<ext:BorderLayout ID="BorderLayout1" runat="server">
<North>
<ext:Panel ID="Panel1" runat="server" Header="false" Border="false">
</ext:Panel>
</North>
<Center>
<ext:Panel Border="false" Header="false" runat="server" AutoScroll="true">
</ext:Panel>
</Center>
<South Collapsible="true" Split="true">
<ext:Panel ID="testPnl" runat="server" Border="false" Region="South" Height="80"
AutoScroll="true" Split="true" Collapsed="false">
<TopBar>
<ext:Toolbar ID="Toolbar1" runat="server">
<Items>
<ext:Button ID="Button1" runat="server" Text="Show Dashboard">
<Listeners>
<Click Handler="openDashBoardPanel();" />
</Listeners>
</ext:Button>
</Items>
</ext:Toolbar>
</TopBar>
<Items>
<ext:TextArea ID="TextArea1" runat="server">
</ext:TextArea>
</Items>
</ext:Panel>
</South>
</ext:BorderLayout>
</Items>
</ext:Viewport>
</body>
</html>
