Jan 22, 2010, 10:46 AM
[CLOSED] [1.0] BorderLayout - collapse not working correctly
In the below example, the collapsed regions of the BorderLayout are not expanding correctly when clicked (the bottom one doesn't expand at all, and the left one expands but doesn't show the panel).
Thanks
Dan
Thanks
Dan
<%@ Page Language="C#" %>
<%@ 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 id="Head1" runat="server">
<title>Image on Collapsed BorderLayout Region - Ext.NET Examples</title>
<style type="text/css">
.west-panel .x-layout-collapsed-west{
background: url(collapsed-west.png) no-repeat center;
}
.south-panel .x-layout-collapsed-south{
background: url(collapsed-south.png) no-repeat center;
}
</style>
</head>
<body>
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<ext:Window ID="Window1"
runat="server"
Title="Collapsed Region Image"
Icon="Application"
Width="600"
Height="350"
Border="false"
Closable="false"
X="100"
Y="100"
Plain="true">
<Items>
<ext:BorderLayout ID="BorderLayout1" runat="server">
<West Collapsible="true" MinWidth="175" Split="true">
<ext:Panel ID="Panel1"
runat="server"
Width="175"
CtCls="west-panel"
Title="Navigation"
Collapsed="true"
Padding="5"
Html="Collapse Panel to see image."
/>
</West>
<Center>
<ext:Panel ID="Panel2" runat="server" Title="Center region" />
</Center>
<South Collapsible="true" MinHeight="100" Split="true">
<ext:Panel ID="Panel3"
runat="server"
Height="100"
CtCls="south-panel"
Title="Footer"
Collapsed="true"
/>
</South>
</ext:BorderLayout>
</Items>
</ext:Window>
</body>
</html>