[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 Resizing

Pane resizing is, by default, available within the ASPxSplitter control. An end-user can resize a pane by dragging its adjacent separator.

Expanded Availability of the Page Resizing Feature

You can enable/disable resizing of all panes within an ASPxSplitter by using the control's server ASPxSplitter.AllowResize property or client ASPxClientSplitter.SetAllowResize method. For an individual pane, this setting can be overridden with the help of the server SplitterPane.AllowResize property or the client ASPxClientSplitterPane.SetAllowResize method of a pane object.

You can respond to pane size changes on the client side by handling the ASPxClientSplitter.PaneResizing and ASPxClientSplitter.PaneResized events.

Expanded Resizing Mode

Using the ASPxSplitter.ResizingMode property, you can control how panes visually respond to resizing operations.

By default, this property is set to ResizingMode.Postponed, and dragging a separator to change the sizes of adjacent panes doesn't redraw the panes until the resize operation is completed. In this case, a specific resize pointer is displayed representing the dragged separator to indicate its position.

Setting the ASPxSplitter.ResizingMode property to ResizingMode.Live results in the related panes being redrawn dynamically during the resizing operation.

You can refer to our online demo Live Resizing to learn more.

Expanded Min/Max Pane Size

If pane resizing is enabled, it is sensible to be able to restrict end-user resizings by defining maximum and minimum limits to which the size of individual panes can be changed. For this purpose, a pane's SplitterPane.MinSize and SplitterPane.MaxSize properties can be used. You can also specify the minimum size for all panes within an ASPxSplitter control by using the ASPxSplitter.PaneMinSize property.

Note that these properties specify the height for the panes that are stacked vertically within their container (a parent pane of a splitter control), and the width - for horizontally stacked panes.

See the Min/Max Size online demo to learn more.

Expanded Fullscreen Mode

To enable the full-screen mode for an ASPxSplitter control, set the ASPxSplitter.FullscreenMode property to true. In this case, the control fills the entire page and can be resized together with the browser window.

See the Splitter - Fullscreen Mode online demo to learn more.

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