Splitter - Fixed Layout

Nested Splitter Containers Without Splitbars

Left Pane
Top Pane
Left Pane
Right Pane
Isolate this demo as a stand-alone application
  • About this demo
  • C#
  • VB

You can use the RadSplitter only as a container for your layout. If you do not place the RadSplitBar controls in the splitter's declaration the splitter will display the fixed layout. If you need to change the panes' properties, you can use the client-size API.

By nesting splitters with different Orientation property you can achieve complex layouts.

  • DefaultCS.aspx
<%@ Page Language="c#" AutoEventWireup="false"  %>

<!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>
    <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">
            Nested Splitter Containers Without Splitbars
        <telerik:RadSplitter RenderMode="Lightweight" ID="Radsplitter5" runat="server" Height="400" Width="800">
            <telerik:RadPane ID="Radpane9" runat="server" Width="100">
                Left Pane
            <telerik:RadPane ID="Radpane10" runat="server" Scrolling="none">
                <telerik:RadSplitter RenderMode="Lightweight" ID="Radsplitter6" runat="server" Orientation="Horizontal">
                    <telerik:RadPane ID="Radpane11" runat="server" Height="100">
                        Top Pane
                    <telerik:RadPane ID="Radpane12" runat="server" Scrolling="none">
                        <telerik:RadSplitter RenderMode="Lightweight" ID="Radsplitter1" runat="server">
                            <telerik:RadPane ID="Radpane1" runat="server">
                                Left Pane
                            <telerik:RadPane ID="Radpane2" runat="server">
                                Right Pane

Find Assistance

Help Us Improve

Was this example helpful?