[Expand]General Information
[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]Grid View
  [Expand]Tree List
  [Expand]Card View
  [Expand]Chart Control
  [Expand]Pivot Grid
  [Expand]Rich Text Editor
  [Collapse]Site Navigation and Layout
   [Expand]Product Information
   [Expand]Floating Action Button
   [Expand]Form Layout
   [Expand]Navigation Bar
   [Expand]Page Control and Tab Control
    Site Map Control
      Pane Orientation
      Hierarchical Pane Structure
      Pane Resizing
      Pane Collapsing and Expanding
      Display External Content
    [Expand]Visual Elements
   [Expand]Tag Cloud Control
   [Expand]Title Index
   [Expand]Tree View
  [Expand]HTML Editor
  [Expand]Vertical Grid
  [Expand]Data Editors
  [Expand]Docking and Popups
  [Expand]File Management
  [Expand]Data and Image Navigation
  [Expand]Multi-Use Site Controls
  [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]Office File API
[Expand]Report and Dashboard Server
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

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?​​​​​​​