ComponentOne Basic Library for UWP
Basic Library Overview / Input for UWP / Input for UWP Quick Starts / MaskedTextBox for UWP Quick Start / Step 1 of 4: Setting up the Application
In This Topic
    Step 1 of 4: Setting up the Application
    In This Topic

    In this step you'll begin in Visual Studio to create a UWP-style application using MaskedTextBox for UWP. 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:

    1. In Visual Studio select File | New | Project.
    1. In the New Project dialog box, select Templates | Visual C# | Windows | Universal. From the templates list, select Blank App (Universal Windows). Enter a Name and click OK to create your project.
    1. Open MainPage.xaml if it isn't already open, place the cursor between the <Grid> and </Grid> tags, and click once.
    1. Navigate to the Toolbox and double-click the StackPanel icon to add it to the page.
    1. 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 UWP-style application. In the next step you'll add and customize TextBlock and C1MakedTextBox controls and complete setting up the application.

    See Also