SplitterSettings.Orientation Property

Gets or sets the direction in which to render the panes within the Splitter.

Namespace: DevExpress.Web.Mvc

Assembly: DevExpress.Web.Mvc5.v24.1.dll

NuGet Package: DevExpress.Web.Mvc5

Declaration

C#

public Orientation Orientation { get; set; }

VB.NET

Public Property Orientation As Orientation

Property Value

Type	Description
Orientation	One of the Orientation enumeration values.

Remarks

Panes can be arranged within a Splitter one after another, either vertically or horizontally. The Orientation property is useful to control the arrangement of panes.

Set the Orientation to Orientation.Vertical to arrange panes vertically, one under another. Or, set the Orientation property to Orientation.Horizontal to arrange panes horizontally, from left to right.

Note

By design, sub panes (members of parent panes’ SplitterPane.Panes collections) are always arranged with an orientation opposite to their immediate parent pane.

Example

C#

@Html.DevExpress().Splitter(
     settings => {
          settings.Name = "splFullScreenMode";
          settings.Orientation = Orientation.Vertical;
          settings.FullscreenMode = true;
          settings.Panes.Add(pane => {
               ...
     }).GetHtml()

For a full example, see Splitter - Fullscreen Mode demo.