Log In
[Expand]Welcome to DevExpress .NET Documentation
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]What's Installed
 [Expand]Common Concepts
 [Collapse]ASP.NET WebForms Controls
   Getting Started
  [Expand]Chart Control
  [Expand]Grid View
  [Expand]Card View
  [Expand]Vertical Grid
  [Expand]Rich Text Editor
  [Expand]Image and Data Browsing
  [Expand]Docking and Popups
  [Collapse]Site Navigation and Layout
   [Expand]Product Information
   [Expand]Form Layout
   [Expand]Navigation Bar
   [Expand]Page Control and Tab Control
    Panel Overview
   [Expand]Site Map Control
     ASPxSplitter Overview
      Pane Orientation
      Hierarchical Pane Structure
      Pane Resizing
      Pane Collapsing and Expanding
      Displaying External Content
    [Expand]Visual Elements
   [Expand]Tag Cloud Control
   [Expand]Title Index
  [Expand]File Management
  [Expand]Multi-Use Site Controls
  [Expand]HTML Editor
  [Expand]Pivot Grid
  [Expand]Tree List
  [Expand]Data Editors
  [Expand]Spell Checker
  [Expand]Query Builder
 [Expand]ASP.NET MVC Extensions
 [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]Document Server
[Expand]Report Server
[Expand]eXpressApp Framework
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Pane Collapsing and Expanding

The ASPxSplitter control allows its panes to be collapsed in the backward or forward direction, and then be expanded back again. End-users can collapse panes on the client by using specific collapse backward button and collapse forward button, which can be displayed within separators.

To enable/disable this feature for all panes of an ASPxSplitter control, use the control's ASPxSplitter.ShowCollapseBackwardButton and ASPxSplitter.ShowCollapseForwardButton properties. For individual panes, these settings can be overridden with the help of the SplitterPane.ShowCollapseBackwardButton and SplitterPane.ShowCollapseForwardButton properties of a pane object.

The state of an individual pane can be defined on the server by using the SplitterPane.Collapsed property, or on the client - by calling the ASPxClientSplitterPane.Collapse or ASPxClientSplitterPane.Expand method. The client ASPxClientSplitterPane.IsCollapsed method can also be used on the client, to identify the current state of a pane.

You can respond to pane state changes on the client side by handling the client ASPxClientSplitter.PaneCollapsing/ASPxClientSplitter.PaneCollapsed, and ASPxClientSplitter.PaneExpanding/ASPxClientSplitter.PaneExpanded events.

See the Collapse/Expand online demo, to learn more.

Expanded Right to Left Support

If the right-to-left feature is enabled for the control, the horizontal pane direction is changed to right-to-left.

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