Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]General Information
[Collapse]WinForms Controls
  Prerequisites
 [Expand]What's Installed
 [Expand]Build an Application
 [Collapse]Controls and Libraries
  [Expand]Forms and User Controls
  [Expand]Messages, Notifications and Dialogs
  [Expand]Editors and Simple Controls
  [Expand]Ribbon, Bars and Menu
  [Expand]Application UI Manager
  [Expand]Docking Library
  [Expand]Data Grid
  [Expand]Vertical Grid
  [Expand]Pivot Grid
  [Expand]Tree List
  [Expand]Chart Control
  [Expand]Diagrams
  [Expand]Gauges
  [Expand]Map Control
  [Expand]Scheduler
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Spell Checker
  [Collapse]Form Layout Managers
    Side Panel
   [Collapse]Layout Manager
    [Expand]Product Information
    [Expand]Getting Started
    [Expand]Layout Control
    [Expand]Data Layout Control
    [Expand]Layout Item
    [Expand]Layout Groups
    [Expand]Tabbed Group
    [Collapse]Other Layout Elements
      Empty Space Items
      Splitters
      Labels
      Separators
    [Expand]Customization Capabilities
    [Expand]Size and Alignment
     Flow Layout
     Table Layout
     Focus Management
    [Expand]Appearance and Look and Feel
    [Expand]Miscellaneous
    [Expand]Examples
    [Expand]Member Tables
   [Expand]Tabbed MDI Manager
    Tab Control
   [Expand]Wizard Control
    Workspace Manager
  [Expand]Navigation Controls
  [Expand]Printing-Exporting
  [Expand]PDF Viewer
   Reporting
  [Expand]Snap
  [Expand]TreeMap Control
 [Expand]Common Features
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET 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]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Splitters

You can add splitters to your layout to allow end-users to quickly resize layout items, and embedded controls at runtime. The Layout Control provides built-in splitters (SplitterItem objects), so there is no need to use external splitter controls within the layout. Dragging a splitter resizes the neighboring layout items, and may also indirectly resize the neighbors of these items. However, resizing operations can be restricted by applying size constraints to layout items.

Note

There is also an alternative way to allow end-users to resize layout items. Invoking the Customization Form activates the customization mode in which end-users are free to add, remove, resize and rearrange layout items. Please refer to Default Runtime Customization for more details.

To add built-in splitters to the layout at design time or runtime, invoke the Customization Form and drag Splitter items from the form to your layout. As a result, a new splitter is created and displayed at the position where it is dropped. You can then move the splitter to a new position, if required. See a demonstration below.

To delete the splitter from the layout, drag it back to the Customization Form or select it and press the Delete key.

To add splitters to your layout in code, create a SplitterItem object, and then add it to the required layout group. See Customizing a Layout In Code for examples and a list of methods that can be used to add items to groups.

You can use the SplitterItem.FixedStyle property to fix a layout item/group at the left/top or right/bottom side of the Splitter. The fixed layout item/group does not change its width/height when the width/height of the Layout Control is changed. In the animated image below, the left item is fixed using the SplitterItem.FixedStyle property.

The right item is fixed in the following animated image.

With the SplitterItem.IsCollapsible property, you can enable the collapse/expand feature for the splitter. See an example below.

Expanded See Also

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