What You've AccomplishedStep 1 of 3: Creating a Windows Phone Application
In this step you'll create a new Windows Phone application, set the application up, and add the C1RichTextBox control to the application. After completing this step, you should have a mostly functional Rich Text editor.
Complete the following steps:
1. In Visual Studio, select File | New | Project to open the New Project dialog box.
2. In the New Project dialog box, select a language in the left pane, and in the templates list select Windows Phone Application. Enter a Name for your project and click OK. The New Windows Phone Application dialog box will appear.
3. Click OK to close the New Windows Phone Application dialog box and create your project.
4. Right-click the project in the Solution Explorer and select Add Reference.
5. In the Add Reference dialog box, locate and select the C1.Phone.dll and C1.Phone.RichTextBox.dll assemblies and select OK.
6. Add the XAML namespace to the <phone:PhoneApplicationPage> tag by adding xmlns:c1richtextbox="clr-namespace:C1.Phone.RichTextBox;assembly=C1.Phone.RichTextBox" so it appears similar to the following:
<phone:PhoneApplicationPage x:Class="C1WP7.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone" xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:c1richtextbox="clr-namespace:C1.Phone.RichTextBox;assembly=C1.Phone.RichTextBox" mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="768" FontFamily="{StaticResource PhoneFontFamilyNormal}" FontSize="{StaticResource PhoneFontSizeNormal}" Foreground="{StaticResource PhoneForegroundBrush}" SupportedOrientations="Portrait" Orientation="Portrait" shell:SystemTray.IsVisible="True">
7. Edit the TitlePanel content to change the text in the TextBlock controls. It will appear similar to the following:
<!--TitlePanel contains the name of the application and page title-->
<StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
<TextBlock x:Name="ApplicationTitle" Text="ComponentOne Studio for Windows Phone" Style="{StaticResource PhoneTextNormalStyle}"/>
<TextBlock x:Name="PageTitle" Text="RichTextBox" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}" FontSize="64"/>
</StackPanel>
8. In the XAML window of the project, place the cursor between the <Grid x:Name="ContentPanel"></Grid> tags and click once.
9. Add the following markup within the <Grid> tags to add the C1RichTextBox control:
<c1richtextbox:C1RichTextBox />
What You've Accomplished
If you run the application, you'll see an almost fully functional C1RichTextBox application. You can enter and edit text in the C1RichTextBox control. In the next step you'll customize the application further.