Splitter - Save/Load State

Save and Load the Panes State

Left pane
Middle pane1
Middle pane2
End Pane

Isolate this demo as a stand-alone application
  • About this demo
  • C#
  • VB

By using the RadSplitter server side API, you can save the current pane state and load the state again when needed.

  • DefaultCS.aspx
  • DefaultCS.aspx.cs
<%@ Page Language="c#" CodeFile="DefaultCS.aspx.cs" AutoEventWireup="true" Inherits="Telerik.Web.Examples.Splitter.SaveLoadStateOnServer.DefaultCS" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
    <title>Telerik ASP.NET Example</title>
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
    <div class="demo-container size-wide">
        <h2>
            Save and Load the Panes State
        </h2>
        <telerik:RadSplitter RenderMode="Lightweight" ID="RadSplitter1" runat="server" Width="800" Height="300">
            <telerik:RadPane ID="LeftPane" runat="server" Width="100">
                Left pane
            </telerik:RadPane>
            <telerik:RadSplitBar ID="RadSplitBar1" runat="server" CollapseMode="Forward">
            </telerik:RadSplitBar>
            <telerik:RadPane ID="MiddlePane1" runat="server" Width="200">
                Middle pane1
            </telerik:RadPane>
            <telerik:RadSplitBar ID="RadSplitBar2" runat="server" CollapseMode="Both">
            </telerik:RadSplitBar>
            <telerik:RadPane ID="MiddlePane2" runat="server" Width="200">
                Middle pane2
            </telerik:RadPane>
            <telerik:RadSplitBar ID="Radsplitbar3" runat="server" CollapseMode="Backward">
            </telerik:RadSplitBar>
            <telerik:RadPane ID="EndPane" runat="server">
                End Pane
            </telerik:RadPane>
        </telerik:RadSplitter>
        <br />
        <telerik:RadButton RenderMode="Lightweight" runat="server" ID="SaveState" Text="Save" OnClick="SaveState_Click"></telerik:RadButton>
        <telerik:RadButton RenderMode="Lightweight" runat="server" ID="LoadState" Text="Load" OnClick="LoadState_Click"></telerik:RadButton>
    </div>
    </form>
</body>
</html>

Find Assistance

Help Us Improve

Was this example helpful?