# Step 1 of 3: Creating the C1ReportViewer Application

## Content

In this step you'll create a WPF application using **ReportViewer for** **WPF and Silverlight**. When you add a [C1ReportViewer](/componentone/api/wpf/online-reportviewer/dotnet-framework-api/C1.WPF.ReportViewer.4.6.2/C1.WPF.ReportViewer.C1ReportViewer.html) control to your application, you'll have a complete, functional document viewer interface that you can display PDF and HTML files in. To set up your project and add a [C1ReportViewer](/componentone/api/wpf/online-reportviewer/dotnet-framework-api/C1.WPF.ReportViewer.4.6.2/C1.WPF.ReportViewer.C1ReportViewer.html) control to your application, complete the following steps:

1. From the Visual Studio **File** menu select **New** and choose **Project**.
2. In the **New Project** dialog box choose a language and **WPF** **Application** or **Silverlight Application** in the left-side menu, choose **.NET 6.0** in the **Framework** drop-down list, and enter a name for the project. In this example the application will be named "QuickStart". If you name the project something else, in later steps you may need to change references to "QuickStart" with the name of your project.
3. In the Solution Explorer, right-click the project name and choose **Add Reference**. In the **Add Reference** dialog box, locate and select the **C1.WPF** and **C1.WPF**.ReportViewer or **C1.Silverlight** and **C1.Silverlight.ReportViewer** assemblies and click **OK** to add references to your project.
4. Open the XAML view of the MainWindow.xaml or MainPage.xaml file; in this quick start you'll add the [C1ReportViewer](/componentone/api/wpf/online-reportviewer/dotnet-framework-api/C1.WPF.ReportViewer.4.6.2/C1.WPF.ReportViewer.C1ReportViewer.html) control using XAML markup.
5. Add the XAML namespace to the Window tag with the following markup: `xmlns:c1="http://schemas.componentone.com/winfx/2006/xaml"`.
<br>
    The namespaces will now appear similar to the following:

    ```WPF
    <Window x:Class="MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:c1="http://schemas.componentone.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    ```

    ```SILVERLIGHT
    <UserControl x:Class="QuickStart.MainPage" 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:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:c1="http://schemas.componentone.com/winfx/2006/xaml" mc:Ignorable="d" d:DesignHeight="300" d:DesignWidth="400">
    ```

    This is a unified namespace that will enable you to work with most ComponentOne WPF or Silverlight controls without adding multiple namespaces.
6. Add the `<c1:C1ReportViewer x:Name="C1ReportViewer1" />` tag within the Grid tags on the page to add the [C1ReportViewer](/componentone/api/wpf/online-reportviewer/dotnet-framework-api/C1.WPF.ReportViewer.4.6.2/C1.WPF.ReportViewer.C1ReportViewer.html) control to the application.
<br>
    The XAML will appear similar to the following:

    ```xml
    <Grid x:Name="LayoutRoot" Background="White">
        <c1:C1ReportViewer x:Name="C1ReportViewer1" />
    </Grid>
    ```

    This will add a [C1ReportViewer](/componentone/api/wpf/online-reportviewer/dotnet-framework-api/C1.WPF.ReportViewer.4.6.2/C1.WPF.ReportViewer.C1ReportViewer.html) control named "C1ReportViewer1" to the application. If you run the application now, it will appear similar to the following image:
<br>
    ![](https://cdn.mescius.io/document-site-files/images/3fd48234-00af-4f48-bc8e-c47a6fc263dd/imagesext/image11_0.png)

You've successfully set up your application's user interface, but if you run your application now you'll see that the [C1ReportViewer](/componentone/api/wpf/online-reportviewer/dotnet-framework-api/C1.WPF.ReportViewer.4.6.2/C1.WPF.ReportViewer.C1ReportViewer.html) control currently contains no content. In the next steps you'll add content to the [C1ReportViewer](/componentone/api/wpf/online-reportviewer/dotnet-framework-api/C1.WPF.ReportViewer.4.6.2/C1.WPF.ReportViewer.C1ReportViewer.html) control, and then you'll observe some of the run-time interactions possible with the control.

>type=note
> From 2015v2 onwards, please add C1.Win.4 and C1.Win.Barcode.4 dlls to the Silverlight applications referencing C1.WPF.C1Report.CustomFields.4 dll.