Skip to main content
A newer version of this page is available. .
All docs
V22.1

Get Started

  • 2 minutes to read

Important

This Early Access Preview (EAP) is provided solely for early testing purposes and is not ready for production use (C# only). If you are an active Universal subscriber and you wish to explore this EAP, you will need to install the latest version of our WinForms product line (v22.1.5+) on your system.

Watch Video: Introduction Watch Video: How to Customize UI Templates

Download & Install

  1. If you are an active Universal subscriber, navigate to the the DevExpress Download Manager and download the DevExpress.UITemplates.VSIX.vsix extension.

    Download VSIX Installer - WinForms UI Templates, DevExpress
  2. Close all Microsoft Visual Studio windows and install the extension. Double-click the DevExpress.UITemplates.VSIX.vsix file to run the installer.
  3. Select the Microsoft Visual Studio IDEs you want to install the extension for and click Install to proceed.

    Select MS Visual Studio IDEs - Install WinForms UI Templates, DevExpress
  4. Close the installer window.

    Install WinForms UI Templates, DevExpress

Add a Template to Your Project

Note

Save any changes made to your project before adding UI templates.

  1. On the menu bar, choose Tools > Add DevExpress UI Template to open the UI Template Gallery.

    Install WinForms UI Templates, DevExpress
  2. Choose the UI template and click the corresponding tile.

    WinForms UI Templates Dialog, DevExpress
  3. Read the template’s description and click Install to proceed.

    WinForms UI Templates Dialog - Install Template, DevExpress
  4. Click OK and close the window.
  5. Reload the updated project.

    WinForms UI Templates Dialog - Reload the Project, DevExpress
  6. Build the solution (Ctrl+Shift+B).

Get Started with Form Templates

After you have installed a form template, switch to the Solution Explorer. Expand the Forms folder, and double-click a form template to open it in the design window.

Get Started - WinForms UI Templates | DevExpress

The following example shows how to set the Login form as the startup form for your project:

using DevExpress.UITemplates.Collection.Forms;

// ...
static void Main() {
    Application.EnableVisualStyles();
    Application.SetCompatibleTextRenderingDefault(false);
    using(var frm = new LoginForm()) {
        if(frm.ShowDialog() == DialogResult.OK) {
            if(frm.IsAuthorizationComplete) {
                Application.Run(new Form1());
            }
        }
    }
}

Learn more about Form Templates

Get Started with Control Templates

After you have installed a template, switch to the Toolbox and drop the UI template onto a form.

Create a Credit Card Editor - WinForms UI Templates | DevExpress

Learn more about Control Templates