Step 3 : The MainPage.xaml file is as in the following code:
Code :
<Page
    x:Class="App1.MainPage"
    IsTabStop="false"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:App7"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">
 
<Grid x:Name="LayoutRoot">
        <Grid.RowDefinitions>
            <RowDefinition Height="76*"/>
            <RowDefinition Height="55*"/>
            <RowDefinition Height="40*"/>
            <RowDefinition Height="37*"/>
            <RowDefinition Height="70*"/>
            <RowDefinition Height="3*"/>
            <RowDefinition Height="119*"/>
            <RowDefinition Height="9*"/>
            <RowDefinition Height="359*"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="0.333*"/>
            <ColumnDefinition Width="0.022*"/>
            <ColumnDefinition Width="0.312*"/>
            <ColumnDefinition Width="0.333*"/>
        </Grid.ColumnDefinitions>
        <Grid.Background>
            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                <GradientStop Color="Blue" Offset="1"/>
                <GradientStop Color="Green"/>
            </LinearGradientBrush>
        </Grid.Background>
        <TextBlock Text="User Name" FontSize="20" TextWrapping="Wrap" 
                   Margin="0,8" Grid.Row="2" HorizontalAlignment="Right"
                   VerticalAlignment="Center" Height="24" Width="98"/>
        <TextBlock x:Name="namvalidate" FontSize="20" Foreground="Red" 
                   TextWrapping="Wrap" Margin="0,20" Grid.Column="3" 
                   Grid.Row="2" HorizontalAlignment="Left" VerticalAlignment="Center" 
                   Visibility="Collapsed" Height="0" Width="0"/>
        <TextBlock HorizontalAlignment="Right" FontSize="20" Margin="0,7,0,6" 
                   VerticalAlignment="Center" Grid.Row="3" Text="Email ID" 
                   TextWrapping="Wrap" Height="24" Width="72"/>
        <TextBlock x:Name="emailvalidate" FontSize="20" Foreground="Red"
                   TextWrapping="Wrap" Margin="0,19,0,18" Grid.Column="3" 
                   Grid.Row="3" HorizontalAlignment="Left" VerticalAlignment="Center" 
                   Visibility="Collapsed" Height="0" Width="0"/>
        
        <TextBlock x:Name="agevalidate" FontSize="20" Foreground="Red" 
                   TextWrapping="Wrap" Margin="0,60,0,59" Grid.Column="3" 
                   Grid.Row="6" HorizontalAlignment="Left" VerticalAlignment="Center"
                   Visibility="Collapsed" Height="0" Width="0"/>
        <TextBox x:Name="txtUserName" TextWrapping="Wrap" Margin="0,4" 
                 Grid.Column="2" Grid.Row="2" VerticalAlignment="Center" Height="32">
            <TextBox.Text>
                <Binding Mode="TwoWay" Path="UserName" />
            </TextBox.Text>
        </TextBox>
        <TextBox x:Name="txtEmailID" Margin="0,3,0,2" VerticalAlignment="Center"
                 Grid.Column="2" Grid.Row="3" TextWrapping="Wrap" Height="32">
            <TextBox.Text>
                <Binding Mode="TwoWay" Path="EmailID" />
            </TextBox.Text>
        </TextBox>
        <Button Click="Button_Click_1" Grid.Column="2" Grid.Row="4"  
                Content="Get word" Background="Red" HorizontalAlignment="Center" 
                Height="35" Margin="151,23,151,12" Width="124"></Button>
   
    <Grid x:Name="grid1" Grid.Column="0" Grid.ColumnSpan="4" 
          Grid.Row="6" Visibility="Collapsed">
     <Grid.RowDefinitions>
                <RowDefinition Height="0.333*"/>
                <RowDefinition Height="0.333*"/>
                <RowDefinition Height="0.333*"/>
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="0.333*"/>
                <ColumnDefinition Width="0.022*"/>
                <ColumnDefinition Width="0.312*"/>
                <ColumnDefinition Width="0.333*"/>
            </Grid.ColumnDefinitions>
       <TextBlock x:Name="txthead" Grid.Column="2" Grid.Row="0" 
                  Text="Automatic Generate UserID and word" FontSize="20"
                  FontWeight="ExtraBold"></TextBlock>
       <TextBlock HorizontalAlignment="Right" FontSize="20" Margin="0" 
                  VerticalAlignment="Center" Grid.Row="2" Text="Your word" 
                  TextWrapping="Wrap"/>
       <TextBlock HorizontalAlignment="Right" Margin="0" FontSize="20" 
                  VerticalAlignment="Center" Grid.Row="1" Text="Your User ID"
                  TextWrapping="Wrap"/>
       <TextBox x:Name="txt" Margin="0" VerticalAlignment="Center"
                Grid.Column="2" Grid.Row="2" TextWrapping="Wrap">
       </TextBox>
       <TextBox x:Name="txtID" Margin="0" VerticalAlignment="Center"
                Grid.Column="2" Grid.Row="1" TextWrapping="Wrap">
       </TextBox>
    </Grid>
    </Grid>
</Page>