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


The Orientation property of the RadSplitter control defines the orientation of its split bars:

  • The Horizontal orientation renders horizontal split bars, which can be moved up and down to resize the height of the splitter's panes. The panes themselves are stacked vertically:

  • The Vertical orientation renders vertical split bars, which can be moved left and right to resize the width of the splitter's panes. The panes themselves are laid out side by side:

To create a splitter that contains both horizontal and vertical split bars you can nest several splitters with different orientations.

Setting Orientation

You can assign the orientation declaratively in the RadSplitter declaration:

 <telerik:RadPane runat="server" id="TopPane">
   Top pane
 <telerik:RadSplitBar runat="server" id="RadSplitBar1" />
 <telerik:RadPane runat="server" id="MiddlePane">
   Middle pane
 <telerik:RadSplitBar runat="server" id="RadSplitBar2" />
 <telerik:RadPane runat="server" id="BottomPane">
   Bottom pane

You can also set the Orientation property of the splitter from the code-behind:

protected void Page_Load(object sender, EventArgs e)
    if (!IsPostBack)
        RadSplitter1.Orientation = Telerik.Web.UI.Orientation.Horizontal;
Protected Sub Page_Load(ByVal sender As Object, _
      ByVal e As System.EventArgs) Handles Me.Load
    If Not IsPostBack Then
        RadSplitter1.Orientation = Telerik.Web.UI.Orientation.Horizontal
    End If
End Sub 

See Also

In this article