Step 1 of 4: Creating the Book Application

In This Topic

In this step you'll create a new Universal Windows Application in Visual Studio. When you add a C1Book control to your application, you'll have a complete, functional book-like interface to which you can add images, controls, and other elements. To set up your project and add C1Book controls to your application, complete the following steps:

In Visual Studio select File | New | Project.
In the New Project dialog box, expand a language in the left pane

Under the language, select Windows Store.
In the templates list, select Blank App (XAML).
Enter a Name and click OK to create your project.

Open MainPage.xaml if it isn't already open, place the cursor between the <Grid> and </Grid> tags, and click once.

Navigate to the Toolbox and double-click the C1Book icon to add the control to the grid. This will add the reference and XAML namespace automatically. The XAML markup resembles the following:

Markup	Copy Code
<Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}"> <Extended:C1Book /> </Grid>

Click once on the C1Book control in design view, navigate to the Properties window and set the following properties:

Set Name to "book" to give the control a name so it is accessible in code.
Set Width to "450" and Height to "300".
Set IsFirstPageOnTheRight to "true."

The XAML will appear similar to the following:

Markup	Copy Code
<Grid> <Extended:C1Book x:Name="book" Height="300" Width="450" IsFirstPageOnTheRight="true"> </Extended: C1Book> </Grid>

You've successfully set up your application's user interface, but C1Book control currently contains no content. In the next step you'll add content to the C1Book control, and then you'll add code to your application to add functionality to the control.