Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]General Information
[Collapse]WinForms Controls
  Prerequisites
 [Expand]What's Installed
 [Collapse]Build an Application
  [Collapse]Choose Application UI
   [Expand]Office Inspired UI
   [Collapse]Visual Studio Inspired UI
     Step 1 - Document Manager
     Step 2 - Dock Manager
     Step 3 - Bar Manager
   [Expand]Windows Modern UI
    Touch-Enabled Tile UI
   Data Management Controls
  [Expand]Printing and Exporting
  [Expand]WinForms MVVM
  [Expand]Skins
  [Expand]Localization
  [Expand]Right-to-Left Layout
   Redistribution and Deployment
 [Expand]Controls and Libraries
 [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

Visual Studio Inspired UI

This tutorial is dedicated to the popular application UI - a classic layout that contains tabbed or MDI Documents that represent the main working area, panels at the side of the form, and a main menu at the top, similar to the UI in Microsoft Visual Studio.

The topics in this tutorial will show you how to do the following:

  • Use the Document Manager to create a traditional Documents-based workspace;
  • Add the Dock Manager component and implement regular or auto-hide Panels;
  • Use the Bar Manager component to manage your Documents and Panels.

Note that this tutorial focuses on how controls can be used together, rather than provide a detailed description of each specific control. To learn more about an individual control and its features, refer to the corresponding help topic above.

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