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