[CLOSED] Expand collapsed panel

  1. #1

    [CLOSED] Expand collapsed panel

    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?
    Last edited by Daniil; Aug 15, 2011 at 3:56 PM. Reason: [CLOSED]
  2. #2
    Hi,

    Please clarify do you use BorderLayout?
  3. #3
    Yes it is a borderlayout.
    Just a west panel and a center panel.
  4. #4
    Hi,

    Please set up Floatable="#{false}" for the West region.

    Example
    <%@ 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>
  5. #5

    expand problem

    Quote Originally Posted by Daniil View Post
    Hi,

    Please set up Floatable="#{false}" for the West region.

    Example
    <%@ 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?
  6. #6
    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.
  7. #7
    Quote Originally Posted by Daniil View Post
    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 .
    It seems "Ext.getCmp('someComp').floatCollapsedPanel()" does the job
  8. #8
    Good. Please notice that with Ext.NET the following should work as well.
    someComp.floatCollapsedPanel();

Similar Threads

  1. Replies: 1
    Last Post: Mar 13, 2012, 8:37 AM
  2. Replies: 2
    Last Post: Dec 28, 2010, 9:47 PM
  3. How to Expand the collapsed panel from java script
    By ajaybabu.maddinani in forum 1.x Help
    Replies: 4
    Last Post: Mar 12, 2010, 2:42 AM
  4. Replies: 0
    Last Post: May 27, 2009, 6:50 AM
  5. [CLOSED] Collapsed Panel Title
    By randy85253 in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Apr 27, 2009, 1:03 PM

Posting Permissions