We have a splitter set up with 3 panes, and after a couple postbacks the panes get "locked" ... collapse/expand state also gets corrupted between postbacks.
Repro:
- Collapse and expand the left pane
- Click the "refresh page" button
- Notice left splitter is "locked" and no longer resizable or collapsable
- Click the "refresh page" button again
- Notice now that the left pane collapses itself for some reason
Here's a repro page source:
| <%@ Page Language="C#" AutoEventWireup="true" %> |
| <%@ Register TagPrefix="telerik" 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>Telerik Splitter Test</title> |
| </head> |
| <body> |
| <form id="form1" runat="server"> |
| <asp:ScriptManager ID="DefaultScriptManager" runat="server" /> |
| <asp:Button ID="btn_Refresh" runat="server" Text="Refresh Page" CssClass="command_button" /><br /><br /> |
| <div height="100%" > |
| <telerik:RadSplitter id="RadMainSplitter" runat="server" width="100%" height="500" > |
| <telerik:RadPane id="LeftPane" runat="server" width="260" > |
| Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse dictum sapien et mauris. Suspendisse malesuada cursus est. Sed ante dolor, lacinia a, porta |
| </telerik:RadPane> |
| <telerik:RadSplitBar id="LeftSplitBar" runat="server" collapsemode="Forward" ></telerik:RadSplitBar> |
| <telerik:RadPane id="CenterPane" height="100%" runat="server" > |
| Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse dictum sapien et mauris. Suspendisse malesuada cursus est. Sed ante dolor, lacinia a, porta |
| </telerik:RadPane> |
| <telerik:RadSplitBar id="RightSplitBar" runat="server" collapsemode="Backward" ></telerik:RadSplitBar> |
| <telerik:RadPane id="RightPane" runat="server" Width="160" Visible="true" > |
| Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse dictum sapien et mauris. Suspendisse malesuada cursus est. Sed ante dolor, lacinia a, porta |
| </telerik:RadPane> |
| </telerik:RadSplitter> |
| </div> |
| </form> |
| </body> |
| </html> |