New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

Save/Load State

Save and Load the Panes State

Left pane
Middle pane1
Middle pane2
End Pane

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>
<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>

Support & Learning Resources

Find Assistance