Back to Devexpress

Step 1 - Document Manager

windowsforms-15775-build-an-application-choose-application-ui-visual-studio-inspired-ui-step-1-document-manager.md

latest1.9 KB
Original Source

Step 1 - Document Manager

  • Jul 02, 2024
  • 2 minutes to read

In this lesson, you will learn how to use the Document Manager component.

  1. Start the Visual Studio IDE and create a new .NET Framework Windows Forms Application. You can use predefined app templates from the DevExpress WinForms App Template Gallery:

  2. Locate the DocumentManager component in the Visual Studio Toolbox and drop it onto your form:

  3. Right-click your project in Solution Explorer to invoke the context menu, and then select Add DevExpress Item | User Control…. Add two User Controls to the project (XtraUserControl1, XtraUserControl2):

  4. Build the solution.

  5. Switch to Form1. Select the DocumentManager component and invoke its smart tag menu. Although DocumentManager uses the Tabbed View, you can use the ‘Convert to…’ links to change the view.

  6. In the same context menu, click Run Designer to run the Document Manager’s Designer:

  7. Switch to Documents and add two documents:

  8. For each document, use the ControlTypeName property’s drop-down menu to assign a User Control to the document:

The image below shows the result:

In the next lesson, you will learn how to combine the Document Manager with the Dock Manager in your Windows Forms application.

See Also

Step 2 - Dock Manager