Printable View
I can only expand a collapsed panel when i click on the expand tool.
If the panel is collapsed and i click anywhere on the collapsed bar, it will show the panel as a hover and on mouseout the panel will disappear again.
Is there any way that I can do a full expand when i click on the collapsed bar, so it gives me the same result as the expand tool?
Hi,
Please clarify do you use BorderLayout?
Yes it is a borderlayout.
Just a west panel and a center panel.
Hi,
Please set up Floatable="#{false}" for the West region.
Example
Code:<%@ 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 runat="server">
<title>Ext.Net Example</title>
</head>
<body>
<form runat="server">
<ext:ResourceManager runat="server" />
<ext:Viewport runat="server" Layout="BorderLayout">
<Items>
<ext:Panel
runat="server"
Region="West"
Title="West"
Width="200"
Collapsible="true"
Floatable="#{false}" />
<ext:Panel
runat="server"
Region="Center"
Title="Center" />
</Items>
</ext:Viewport>
</form>
</body>
</html>
However there is a difference when you call Ext.getCmp('someComp').expand() and when you click on expant tooltip of the collapsible panel in border layout. When you click on just on title bar of the Panel the panel expand and hides when mouse is out of the region.The same is not happening if you click expand tooltip. How to expand In Javascript and make it hide when mouse cursor is out?Quote:
Originally Posted by Daniil
Hi @zeus,
It is a floatable expanding.
I can recommend to search for "float" in the BorderLayout scripts. Maybe, you will be able to find a method to get a Panel floatable.
Thanks Danill .Quote:
Originally Posted by Daniil
It seems "Ext.getCmp('someComp').floatCollapsedPanel()" does the job
Good. Please notice that with Ext.NET the following should work as well.
Code:someComp.floatCollapsedPanel();