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

RadSplitter not working correctly with RadDockLayout

3 Answers 169 Views

Splitter

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

3 Answers, 1 is accepted

answered on 02 Aug 2007, 11:58 AM

Hi jmrenak,

I tried to reproduce the problem locally but to no avail.
The following code works fine on our side. Can you please check it and let us know if we are missing something?

<%@ Register TagPrefix="rad" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %> 

<!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>Untitled Page</title> 

</head> 

<body> 

    <form id="form1" runat="server">  

    <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager> 

    <div> 

    <rad:RadDockLayout ID="RadDockLayout1" runat="server">  

        <rad:RadSplitter ID="RadSplitter1" runat="server">  

            <rad:RadPane ID="RadPane1" runat="server">  

                <rad:RadDockZone ID="RadDockZone1" runat="server">  

                        <rad:RadDock ID="RadDock1" runat="server" Title="RadDock1"></rad:RadDock> 

                </rad:RadDockZone>              

            </rad:RadPane> 

            <rad:RadSplitBar ID="RadSplitbar1" runat="server" CollapseMode="Both" /> 

            <rad:RadPane ID="RadPane2" runat="server">  

                <rad:RadDockZone ID="RadDockZone2" runat="server">  

                        <rad:RadDock ID="RadDock2" runat="server" Title="RadDock2"></rad:RadDock> 

                </rad:RadDockZone> 

            </rad:RadPane> 

        </rad:RadSplitter> 

    </rad:RadDockLayout> 

    </div> 

    </form> 

</body> 

</html>

Regards,
Petio Petkov
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

answered on 02 Aug 2007, 02:54 PM

Thank you for your attempt to help me. I am sorry but I don't think I put enough information in my post.

The difference between your example code and mine is that I hook onsavedocklayout and onloaddocklayout. I do this because I must persist the layout of the page to sql server. I followed examples in the online demos and everything worked perfectly until I got the bright idea to put a splitter on the page. Now everything works great unless you move docks while a pane is collapsed. In that case, the collapsed pane cannot be reopened.

I have stripped out pretty much everything from the page for testing. Please see body below.

I am using IE7, though it must work in IE6 as well.

Thanks so much for your help.

Jeff

    <body>
        <form id="TheForm" method="post" runat="server">
          <uc2:header id="header1" runat="server" />
            <asp:scriptmanager id="ScriptManager" runat="server" />

            <div class="ADMIN_MainPanel">
                <telerik:raddocklayout runat="server" id="RadDockLayout1"
                    onsavedocklayout="RadDockLayout1_SaveDockLayout"
                    onloaddocklayout="RadDockLayout1_LoadDockLayout">

                    <telerik:RadSplitter ID="RadSplitter1" runat="server" Width="100%">
                        <telerik:RadPane ID="RadPane1" runat="server" Width="280px">
                        </telerik:RadPane>
                        <telerik:RadSplitBar ID="RadSplitBar1" runat="server" CollapseMode="Forward" />
                        <telerik:RadPane ID="RadPane2" runat="server">
                            <table cellspacing="5px" border="0px">
                                <tr valign="top">
                                    <td>
                                        <telerik:raddockzone runat="server" id="RadDockZone1" BorderWidth="0px" Width="280px" MinHeight="200px">
                                        </telerik:raddockzone>
                                    </td>
                                    <td>
                                        <telerik:raddockzone runat="server" id="RadDockZone2" BorderWidth="0px" Width="280px" MinHeight="200px">
                                        </telerik:raddockzone>
                                    </td>
                                    <td>
                                        <telerik:raddockzone runat="server" id="RadDockZone3" BorderWidth="0px" Width="280px" MinHeight="200px">
                                        </telerik:raddockzone>
                                    </td>
                                </tr>
                            </table>
                        </telerik:RadPane>
                    </telerik:RadSplitter>

                    <div style="display:none">
                        <asp:updatepanel runat="server" id="UpdatePanel1">
                        </asp:updatepanel>
                    </div>

                </telerik:raddocklayout>
            </div>
        </form>
    </body>

answered on 03 Aug 2007, 07:51 AM

MyPortal.zip

Hi jmrenak,

I created an example based on your source code and I was not able to reproduce the problem.

Please, find the attached my example. If you still experienced any problems with this example, please send us steps-by-step instructions on how to reproduce the issue on our end.

Best regards,
Petio Petkov
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

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

RadSplitter not working correctly with RadDockLayout

3 Answers, 1 is accepted