[Expand]General Information
[Collapse]WinForms Controls
 [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]Widget View
    [Collapse]WindowsUI View
     [Expand]Getting Started
      Content Containers
      Navigation Bars
      WindowsUI Buttons
      Search Panel
      Application Hierarchy and Module Navigation
     Tabbed View
     Native MDI View
     Document Selector
     Non-Document Mode
   [Expand]Deferred Load
   [Expand]Interaction with Dock Panels
   [Expand]Bar and Ribbon Merging
  [Expand]Docking Library
  [Expand]Data Grid
  [Expand]Vertical Grid
  [Expand]Property Grid
  [Expand]Pivot Grid
  [Expand]Tree List
  [Expand]Chart Control
  [Expand]Map Control
  [Expand]Rich Text Editor
  [Expand]Spell Checker
  [Expand]Form Layout Managers
  [Expand]Navigation Controls
  [Expand]PDF Viewer
  [Expand]TreeMap Control
  [Expand]Sunburst 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]Office File API
[Expand]Report and Dashboard Server
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)


With the DocumentManager Designer you can create and customize main application elements and concatenate them into a single application tree without hassles. To open a Designer, click the DocumentManager's 'Run Designer' smart tag.

The figure below illustrates the designer's interface.

The following sections are available.

  • Main

    In this section, you can create and select Views. You can also specify WindowsUIView properties using the property grid.

  • Elements

    Contains three sub-sections: Documents, Tiles and Content Containers.

    • Documents are objects that wrap controls. Click the 'Add New Document' button to create an empty Document. To set its content, handle the BaseView.QueryControl event (see the Deferred Load topic to learn more). The 'Populate' button adds a document for each User Control found in your solution. Refer to the Documents article to learn more about Documents and ways to populate them.
    • For each Document created in the 'Documents' section, a corresponding Tile is generated automatically. In this sub-section, you can modify and remove existing or add new tiles.
    • Content Containers are objects that host Documents and tiles. Automatically generated tiles for each Document are placed into the TileContainer. In this sub-section, you can remove this container and/or add the new ones.
  • Layout

    The 'Navigation Tree' sub-section of this page allows you to build the application hierarchy (see the Application Hierarchy and Module Navigation topic to learn more). The 'Layout' sub-section provides the capability to save or import a layout version to (from) a local storage.

  • Appearance

    Contains appearance settings for WindowsUIView application elements (navigation bars, splash screens, etc). The central page area is a preview section that reflects the current appearance settings. Right-click this preview to display Navigation Bars with a button sample within.

Is this topic helpful?​​​​​​​