Jul 14, 2017, 3:34 PM
[OPEN] [#1509] [4.2.2] User Friendly Panel Expander
Support,
Please note in this example, to expand the west panel, the user must click the double arrow at the top to expand. How can we make this more user friendly so that if they click ANYWHERE on the collapsed panel, it will expand.
thanks,
/Z
Please note in this example, to expand the west panel, the user must click the double arrow at the top to expand. How can we make this more user friendly so that if they click ANYWHERE on the collapsed panel, it will expand.
thanks,
/Z
<%@ Page Language="C#" %>
<!DOCTYPE html>
<html>
<head runat="server">
<title>Image on Collapsed BorderLayout Region - Ext.NET Examples</title>
<link href="/resources/css/examples.css" rel="stylesheet" />
<script type="text/javascript">
var test = function () {
App.WestPanel1.collapse();
};
</script>
</head>
<body>
<ext:ResourceManager ID="ResourceManager1" runat="server" IDMode="Explicit" >
<Listeners>
<DocumentReady Handler="test();" />
</Listeners>
</ext:ResourceManager>
<h1>Image on Collapsed BorderLayout Region</h1>
<ext:Window
runat="server"
Title="Collapsed Region Image"
Icon="Application"
Width="600"
Height="350"
Border="false"
Closable="false"
X="100"
Y="100"
Plain="true"
Layout="BorderLayout">
<Items>
<ext:Panel ID="WestPanel1"
runat="server"
Title="Main Menu"
TitleCollapse="false"
Floatable="false"
Collapsed="false"
Region="West"
Width="178"
Split="true"
Layout="FitLayout"
Collapsible="true">
</ext:Panel>
<ext:Panel runat="server" Region="Center" Title="Center region" />
<ext:Panel
ID="SouthPanel"
runat="server"
Region="South"
Collapsible="true"
MinHeight="100"
Split="true"
Height="100"
Title="Footer"
TitleCollapse="false"
Floatable="false"
Collapsed="true">
<Listeners>
<AfterRender Handler="this.setTitle('');" />
<BeforeCollapse Handler="this.setTitle('');" />
<BeforeExpand Handler="this.setTitle(this.initialConfig.title);" />
</Listeners>
</ext:Panel>
</Items>
</ext:Window>
</body>
</html>