Nov 28, 2012, 8:08 PM
Hide the edge of a panel header
Good afternoon,
* How I can hide the edge of a panel header, when running in an event that triggers the collapse? ie I do not want to be perceived as the panel is collapsed on the edge of a window as shown in the image.
Another point is that in the configuration panel holds: CollapseMode = "Mini", this setting if you hide the edge but loses the collapse animation effect which does not want to go through usability issues.
Thank you.
Ext.net 2.0
* How I can hide the edge of a panel header, when running in an event that triggers the collapse? ie I do not want to be perceived as the panel is collapsed on the edge of a window as shown in the image.
Another point is that in the configuration panel holds: CollapseMode = "Mini", this setting if you hide the edge but loses the collapse animation effect which does not want to go through usability issues.
Thank you.
Ext.net 2.0
<%@ 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>
<link href="../../../../resources/css/examples.css" rel="stylesheet" type="text/css" />
<style type="text/css">
</style>
<script type="text/javascript">
var toggle = function () {
App.Panel1.collapsed == false ? App.Panel1.collapse() : App.Panel1.toggleCollapse();
}
</script>
</head>
<body>
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<ext:Window ID="Window1" runat="server" Title="Collapsed Region Image" Icon="Application"
Width="595" Height="350" Border="false" Plain="true" Region="Center" Layout="BorderLayout">
<Items>
<ext:Panel ID="Panel1" runat="server" Width="590" Height="350" Collapsible="false"
Region="East" HideCollapseTool="true" Border="false" TitleCollapse="true" >
<TopBar>
<ext:Toolbar ID="Toolbar2" runat="server">
<Items>
<ext:Button ID="Button6" runat="server" Text="Toggle2">
<Listeners>
<Click Fn="toggle" />
</Listeners>
</ext:Button>
</Items>
</ext:Toolbar>
</TopBar>
<Content>
<br />
Some content<br />
<br />
<br />
<br />
<br />
I'm the bottom
</Content>
</ext:Panel>
</Items>
</ext:Window>
</body>
</html>