# Step 3 of 3: Running the Application

## Content



Now that you've created a WPF application with a <span data-popup-content="This class is available in \u003ca href=\u0022/componentone/api/wpf/online-dockcontrol/dotnet-api/C1.WPF.Docking/C1.WPF.Docking.C1DockControl.html\u0022\u003e.NET\u003c/a\u003e and \u003ca href=\u0022/componentone/api/wpf/online-dockcontrol/dotnet-api/C1.WPF.Docking/C1.WPF.Docking.C1DockControl.html\u0022\u003e.NET Framework\u003c/a\u003e." data-popup-title="C1DockControl" data-popup-theme="ui-tooltip-green qtip-green">C1DockControl</span> and tab items, you're ready to run the application. Complete the following steps:

1.  From the **Debug** menu, select **Start Debugging** to view how your application will appear at run time. Your application will look similar to the following:
    
    ![](https://cdn.mescius.io/document-site-files/images/071cfce4-8a59-4c77-94ca-7b05c2184e6d/graphics/quickstart.png)
    
    The **Toolbox** is docked on the left as we specified in the XAML.
    
2.  Click the drop-down arrow in the **Toolbox** header and select an option to float, slide, or hide the **C1DockControl**.
    
    ![](https://cdn.mescius.io/document-site-files/images/071cfce4-8a59-4c77-94ca-7b05c2184e6d/graphics/quickstart_dropdown.png)
    
    Note that you can also click the **Project** tab and select any of these options for the **C1DockControl**.
    
    If you click the pushpin ![](https://cdn.mescius.io/document-site-files/images/071cfce4-8a59-4c77-94ca-7b05c2184e6d/graphics/pushpin.png), the **C1DockTabItems** will appear on the left and slide open when clicked.
    
    ![](https://cdn.mescius.io/document-site-files/images/071cfce4-8a59-4c77-94ca-7b05c2184e6d/graphics/quickstart_sliding.png)
    
    If you click the **Hide** button ![](https://cdn.mescius.io/document-site-files/images/071cfce4-8a59-4c77-94ca-7b05c2184e6d/graphics/xbutton.png), the **C1DockControl** will be hidden.
    
3.  Select the **Toolbox** header and drag it over the **C1DockControl** with the myfile.ext tab. Notice the dock indicators that appear over the dock zones. The dock zones are shaded in blue when you hover over an indicator.
    
    ![](https://cdn.mescius.io/document-site-files/images/071cfce4-8a59-4c77-94ca-7b05c2184e6d/graphics/quickstart_dockzones.png)
    
    The second **C1DockControl** with the myfile.ext **C1DockTabItem** does not have a header since we set **ShowHeader** to **False**.
    

Congratulations! You have successfully completed the **DockControl for WPF** quick start. In this quick start, you've used the **C1DockControl** to create several windows that can float or be docked.