Step 1 of 3: Creating a WPF Application

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:

   <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>
   

   type=note

   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.