Change Theme Settings
Change Theme Settings
Themes
 
Metropolis
Moderno
iOS
Material
Material Compact
Office 365
Mulberry
Show All Themes
v
...v

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).

Note:

  • 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: