Step 1 of 3: Creating a Windows Phone Application

In this step you'll create a Windows Phone application in Visual Studio 2010 using ComponentOne Layout Panels for Windows Phone.

To set up your project, complete the following steps:

1. In Visual Studio 2010, 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 assembly and select OK.

6. Add the XAML namespace to the <phone:PhoneApplicationPage> tag by adding xmlns:c1="clr-namespace:C1.Phone;assembly=C1.Phone" 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" 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:

</StackPanel>

In the next step, you'll add, style, and wrap several HyperlinkButtons.