Skip to main content

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

public Orientation Orientation { get; set; }

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.

ASPxSplitter.Orientation property

Example

splitter-pane-orientation

@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.

See Also