In this step you'll create a Silverlight application using PdfViewer for Silverlight. When you add a C1PdfViewer 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 C1PdfViewer control to your application, complete the following steps:
1. Create a new Silverlight project in Visual Studio. 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.
2. In the Solution Explorer, right-click the project name and choose Add Reference. In the Add Reference dialog box, locate and select the C1.Silverlight and C1.Silverlight.PdfViewer assemblies and click OK to add references to your project.
3. Open the XAML view of the MainPage.xaml file; in this quick start you'll add the C1PdfViewer control using XAML markup.
4. Add the XAML namespace to the UserControl tag with the following markup: xmlns:c1="http://schemas.componentone.com/winfx/2006/xaml".
The UserControl tag will now appear similar to the following:
<UserControl x:Class="C1SilverlightCS111010.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="262" d:DesignWidth="399">
This is a unified namespace that will enable you to work with most ComponentOne WPF or Silverlight controls without adding multiple namespaces.
5. Add the <c1:C1PdfViewer x:Name="C1PdfViewer1" /> tag within the Grid tags on the page to add the C1PDFViewer control to the application.
The XAML will appear similar to the following:
<Grid>
<c1:C1PdfViewer x:Name="C1PdfViewer1" />
</Grid>
This will add a C1PdfViewer control named "C1PdfViewer1" to the application. If you run the application now, it will appear similar to the following image:
You've successfully set up your application's user interface, but if you run your application now you'll see that the C1PdfViewer control currently contains no content. In the next steps you'll add content to the C1PdfViewer control, and then you'll observe some of the run-time interactions possible with the control.