Step 1 of 4: Setting up the Application

In this step you'll begin in Visual Studio to create a WinRT-style application using MaskedTextBox for WinRT. When you add a C1MaskedTextBox control to your application, you'll have a complete, functional input editor. You can further customize the control to your application.

To set up your project and add C1MaskedTextBox 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, and 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 StackPanel icon to add it to the page.

Add x:Name="sp1" Width="Auto" Height="Auto" Orientation="Vertical" HorizontalAlignment="Center" VerticalAlignment="Center" to the <StackPanel> tag so that it appears similar to the following:

Markup	Copy Code
<StackPanel x:Name="sp1" Width="Auto" Height="Auto" Orientation="Vertical" HorizontalAlignment="Center" VerticalAlignment="Center"></StackPanel>

Elements in the panel will now appear centered and vertically positioned.

You've successfully created a WinRT-style application. In the next step you'll add and customize TextBlock and C1MakedTextBox controls and complete setting up the application.