In this step you'll create a WPF application in Visual Studio using DockControl for WPF.

To set up your project and add a C1DockControl control to your application, complete the following steps:

1. In Visual Studio, select File | New | Project. Note that Visual Studio 2010 is used to complete the steps in this quick start.
2. In the New Project dialog box, select a language in the left pane (in this example, C# is used), and in the templates list select WPF Application (.NET Framework/.NET Core).
3. In the .NET Framework drop-down list, select .NET Framework or .NET Core.
4. Enter a Name for your project and click OK. The New WPF Application (.NET Framework/.NET Core) dialog box will appear.
5. Uncheck the Host the WPF application in a new Web site, if necessary, and click OK. The MainPage.xaml file opens.
6. In the XAML window of the project, place the cursor between the <Grid> and </Grid> tags and click once.
7. Navigate to the Toolbox and drag the C1DockControl icon in between the  <Grid> tags to add the C1DockControl to Window.xaml. The XAML markup will now look similar to the following:

   WPF XAML

   Copy Code

   <Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:c1="http://schemas.componentone.com/winfx/2006/xaml" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d" d:DesignWidth="640" d:DesignHeight="480"> <Grid x:Name="LayoutRoot"> <c1:C1DockControl></c1:C1DockControl> </Grid> </Window>

   Note: The C1.WPF.Docking namespace and <c1:C1DockControl></c1:C1DockControl> tags have been added to the project.
   

In the next step, you will add a C1DockTabControl with C1DockTabItem.