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
  [Collapse]Application UI Manager
   [Expand]Views
    Documents
   [Expand]Deferred Load
   [Collapse]Interaction with Dock Panels
     Interaction with Dock Panels
   [Expand]Bar and Ribbon Merging
   [Expand]Examples
  [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
  [Expand]Form Layout Managers
  [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]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

Interaction with Dock Panels

The DockManager component allows you to add DockPanels to your form. When used along with the DocumentManager component in a single form (user control), it gains additional features. A Visual Studio inspired UI, based on the Tabbed View, benefits the most from such an interaction. However, certain features (e.g., docking hints) are available for the Native MDI View as well.

DockPanels can be docked into a DocumentManager as tabs. In this case, the DocumentManager creates a Document object to wrap a panel.

The animation below illustrates this behavior. The 'Output' DockPanel is docked as a tab next to Documents that belong to the DocumentManager, and then it is undocked.

Note that regular Documents (those that do not host DockPanels) cannot be moved to tab and split containers.

Other features gained by using DockManager and DocumentManager together include:

  • the ability to use a Document Selector to navigate both panels and documents;
  • the uniform painting of docking hints (see the figure below);

  • a new option in the DockPanels' context menu - 'Dock as Tabbed Document', which docks the current panel to a DocumentManager as a tab;
  • panel snapping - the ability to dock to the screen edge when dragged to it.

If you wish to use any of these features but do not need to create multiple Documents, use the Non-Document Mode.

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