Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]Prerequisites
 [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]Card View
  [Expand]Vertical Grid
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]HTML Editor
  [Expand]Image and Data Browsing
  [Expand]Docking and Popups
  [Collapse]Navigation and Layout Extensions
   [Expand]FormLayout
   [Expand]Menu
   [Expand]NavBar
   [Expand]Ribbon
   [Expand]PageControl
   [Expand]TabControl
   [Expand]PopupMenu
   [Collapse]Splitter
     Overview - Splitter
    [Collapse]Concepts
      Pane Orientation
      Hierarchical Pane Structure
      Pane Resizing
      Pane Collapsing and Expanding
      Displaying External Content
    [Expand]Visual Elements
   [Expand]TreeView
   [Expand]Panel
  [Expand]File Management
  [Expand]Multi-Use Site Extensions
  [Expand]Charts
  [Expand]Pivot Grid
  [Expand]Scheduler
  [Expand]Tree List
  [Expand]Data Editor Extensions
  [Expand]Report Extensions
  [Expand]SpellChecker
 [Expand]Localization
 [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]Reporting
[Expand]Report Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[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.

How would you rate this topic?​​​​​​​