Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]Prerequisites
 [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]Card View
  [Expand]Vertical Grid
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]HTML Editor
  [Expand]Image and Data Browsing
  [Expand]Docking and Popups
  [Collapse]Navigation and Layout Extensions
   [Expand]FormLayout
   [Expand]Menu
   [Expand]NavBar
   [Expand]Ribbon
   [Expand]PageControl
   [Expand]TabControl
   [Expand]PopupMenu
   [Collapse]Splitter
     Overview - Splitter
    [Collapse]Concepts
      Pane Orientation
      Hierarchical Pane Structure
      Pane Resizing
      Pane Collapsing and Expanding
      Displaying External Content
    [Expand]Visual Elements
   [Expand]TreeView
   [Expand]Panel
  [Expand]File Management
  [Expand]Multi-Use Site Extensions
  [Expand]Charts
  [Expand]Pivot Grid
  [Expand]Scheduler
  [Expand]Tree List
  [Expand]Data Editor Extensions
  [Expand]Report Extensions
  [Expand]SpellChecker
 [Expand]Localization
 [Expand]Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Document Server
[Expand]Reporting
[Expand]Report Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[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.

How would you rate this topic?​​​​​​​