Create a WinForms Designer

This topic describes how to create a WinForms Dashboard Designer application.

  1. Open Microsoft Visual Studio 2012, 2013, 2015 or 2017 and create a new Windows Forms application project by selecting File | New | Project… in the main menu. In the invoked New Project window, select the Windows Classic Desktop template group, and choose the Windows Forms Application item. Specify the project's name and click OK.
  2. Drag the DashboardDesigner control from the DX.18.2: Data & Analytics Toolbox tab and drop it onto the main form.

    GettingStarted_L1_Toolbox

    Important

    Note that the DashboardDesigner control does not support the .NET Framework 4.0 Client Profile. See How to: Target a Version of the .NET Framework to learn how to target a specific .NET Framework version.

  3. Click the control's smart tag and select Dock in Parent Container in the invoked actions list to allow the DashboardDesigner to fill the form.

    GettingStarted_L1_Dock

  4. At the moment you can create Ribbon UI or insert a line of code to create it at runtime. To create Ribbon UI in Visual Studio Designer, click Create Ribbon:

    GettingStarted_L1_CreateRibbon To create Ribbon control with predefined commands at runtime, run the CreateRibbon method after the InitializeComponent call:

        public Form1()
        {
            InitializeComponent();
            dashboardDesigner1.CreateRibbon();
        }
    
    Tip

    Convert default Form to DevExpress Ribbon Form for better Ribbon and form integration.

  5. The designer application is now ready. Build and run the project.

    GettingStarted_L1_Build

    Your application should appear as follows:

    GettingStarted_L1_DesignerApp

    See Create a Dashboard using the WinForms Designer to learn how to create a dashboard using this application.