This is a migrated thread and some comments may be shown as answers.

Expand/Collapse with Double click

4 Answers 132 Views

Dock

This is a migrated thread and some comments may be shown as answers.

4 Answers, 1 is accepted

answered on 31 Jul 2009, 09:20 AM

Hi ajit ,

I got an example that behavior of the dock is near to the normal browser window: double click on the titlebar expand/collapse the dock.
Hope it can helps you. Here is the code:

    
            <body> 
        
            <script type="text/javascript"> 
        
                function toggle(titleBarContent) { 
        
                    var dock = titleBarContent.offsetParent.offsetParent.control; 
        
                    if(dock.get_collapsed()) 
        
                        dock.set_collapsed(false) 
        
                    else 
        
                        dock.set_collapsed(true) 
        
                } 
        
            </script> 
        
                <form id="form1" runat="server"> 
        
                <asp:ScriptManager ID="ScriptManager" runat="server"></asp:ScriptManager> 
        
                <div> 
        
                    <telerik:RadDock ID="RadDock1" runat="server"> 
        
                    <TitlebarTemplate> 
        
                    <div ondblclick="toggle(this)"> 
        
                        Title 
        
                    </div> 
        
                    </TitlebarTemplate> 
        
                    <ContentTemplate> 
        
                    Dock Content 
        
                    </ContentTemplate> 
        
                    </telerik:RadDock> 
        
                </div> 
        
                </form> 
        
            </body>

answered on 31 Jul 2009, 02:35 PM

I have this functionality and used this Double Click RadDock Collapse thread to help me out.

to do this in JavaScript. The sample code is

    
            <html xmlns="http://www.w3.org/1999/xhtml" >  
        
            <head runat="server">   
        
                <title>Untitled Page</title>  
        
            </head>  
        
            <body>  
        
                <form id="form1" runat="server">   
        
                    <asp:scriptmanager id="ScriptManager1" runat="server">   
        
                    </asp:scriptmanager>  
        
                    <telerik:RadDock ID="RadDock1" runat="server" text="Test" onclientinitialize="OnClientInitialize">        
        
                    </telerik:RadDock>     
        
                    <script type="text/javascript">                  
        
                    function OnClientInitialize(sender, args)      
        
                    {      
        
                        $addHandlers(sender._handle, {"dblclick": myHandler}, sender);      
        
                    }      
        
                    function myHandler()      
        
                    {      
        
                        var isCollapsed = !this.get_collapsed();       
        
                        this.set_collapsed(isCollapsed);       
        
                        this.updateClientState();      
        
                    }      
        
                    </script>     
        
                </form>  
        
            </body>  
        
            </html>

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

Expand/Collapse with Double click

4 Answers, 1 is accepted