[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [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]Tree List
  [Expand]Card View
  [Expand]Pivot Grid
  [Expand]Rich Text Editor
  [Collapse]Site Navigation and Layout
     Overview - Splitter
      Pane Orientation
      Hierarchical Pane Structure
      Pane Resizing
      Pane Collapsing and Expanding
      Displaying External Content
    [Expand]Visual Elements
  [Expand]HTML Editor
  [Expand]Vertical Grid
  [Expand]Data Editors Extensions
  [Expand]Docking and Popups
  [Expand]File Management
  [Expand]Data and Image Navigation
  [Expand]Multi-Use Site Extensions
  [Expand]Query Builder
 [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]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Pane Collapsing and Expanding

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

To enable/disable this feature for all panes of a Splitter, use the SplitterSettings.ShowCollapseBackwardButton and SplitterSettings.ShowCollapseForwardButton properties. For individual panes, these settings can be overridden with the help of the SplitterPane.ShowCollapseBackwardButton (via MVCxSplitterPane.ShowCollapseBackwardButton) and SplitterPane.ShowCollapseForwardButton (via MVCxSplitterPane.ShowCollapseForwardButton) properties of a pane object.

The state of an individual pane can be defined by using the SplitterPane.Collapsed (via MVCxSplitterPane.Collapsed) property, or 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 assigning the event handlers to corresponding properties: SplitterClientSideEvents.PaneCollapsing, SplitterClientSideEvents.PaneCollapsed, SplitterClientSideEvents.PaneExpanding and SplitterClientSideEvents.PaneExpanded. These properties are available via the SplitterSettings.ClientSideEvents property.

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