Log In
[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]What's Installed
 [Expand]Common Concepts
 [Expand]ASP.NET WebForms Controls
 [Collapse]ASP.NET MVC Extensions
  [Expand]Product Information
  [Expand]Getting Started
  [Expand]Common Concepts
  [Expand]Grid View
  [Expand]Tree List
  [Expand]Card View
  [Expand]Pivot Grid
  [Expand]Rich Text Editor
  [Collapse]Site Navigation and Layout
     Overview - Splitter
      Pane Orientation
      Hierarchical Pane Structure
      Pane Resizing
      Pane Collapsing and Expanding
      Displaying External Content
    [Expand]Visual Elements
  [Expand]HTML Editor
  [Expand]Vertical Grid
  [Expand]Data Editors Extensions
  [Expand]Docking and Popups
  [Expand]File Management
  [Expand]Data and Image Navigation
  [Expand]Multi-Use Site Extensions
  [Expand]Query Builder
 [Expand]Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Report and Dashboard Server
[Expand]eXpressApp Framework
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Pane Orientation

A Splitter can display its panes stacked horizontally or vertically within their containers, which can be either a splitter control or a parent pane object.

Expanded Root Panes Orientation

Splitter exposes the SplitterSettings.Orientation property to give you control over the arrangement of root panes - the panes contained within the splitter's SplitterSettings.Panes collection.

Depending upon the Orientation property's setting, root panes can be arranged one after another, either horizontally (the default orientation) or vertically.

  • The Orientation property is set to Orientation.Horizontal.

  • The Orientation property is set to Orientation.Vertical.

Expanded Child Panes Orientation

Child panes, which belong to a MVCxSplitterPane.Panes collection of a parent pane, are automatically arranged in an orientation opposite to their immediate parent pane.

For instance, if root panes are arranged horizontally and one root pane is a parent pane (it has child panes), its child panes are arranged vertically within the pane (take a look at the second root pane in the picture below).

And vice versa, if root panes are arranged vertically, the immediate child panes of a root pane are stacked horizontally within their parent pane.

Is this topic helpful?​​​​​​​