Dock and Modal Popups - Docking Layout Management

Edit layout

The DockManager extension allows you to respond to end-user operations on panels and zones on a page and manage the layout.

In this demo, extensions from the Docking suite are used for two different purposes: to visualize data blocks on a page using a fixed layout, and to customize the layout of these data blocks via an external page. Both pages (presentation and customization) use the same set of DevExpress docking extensions. The dock panel layout defined in the customization page is preserved and synchronized with the presentation page using the DockManager's ClientLayout property.

To save layout changes, the client-side PerformCallback method should be called in the client-side AfterDock and AfterFloat events. In this demo, only the AfterDock event is handled, because panels can only be in a docked state (the AllowedDockState property is set to DockedOnly).


  • The DockManager that sends a callback to the server for saving a layout should be defined in a separate partial view, like all callback-aware extensions.
  • To obtain complete information about all DockPanel and DockZone extensions on the page, DockManager should be rendered after these extensions.

See Also:
Version: v2017 vol 1.7
Copyright © 2006-2017 Developer Express Inc
Your Next Great MVC App Starts Here

Get started today and download your 30-day trial of DevExpress MVC Extensions (includes 30 days of free technical support).

All demos ship with full source code and are included in the DevExpress MVC distribution. Refer to the Demos and Sample Applications topic to learn more.

DevExpress MVC Extensions ship as part of DevExpress Universal, DXperience and ASP.NET Subscriptions and are backed by a 60 day unconditional money-back guarantee.
To learn more and obtain pricing information, visit the Compare Features and Pricing webpage. For immediate assistance, contact us by Email at or by phone at +1 (818) 844-3383 between 7:30am and 4:30pm Pacific Time.