Step 3 : The BlankPage.xaml file is as in the following code:
Code :
<Page
x:Class="Application2.BlankPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:Application2"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d">
<Page.Resources>
<Style x:Name="style1" TargetType="TextBlock">
<Setter Property="Foreground" Value="Red"></Setter>
<Setter Property="FontSize" Value="20"></Setter>
<Setter Property="TextWrapping" Value="Wrap"></Setter>
<Setter Property="Margin" Value="0"></Setter>
</Style>
<Style x:Name="style2" TargetType="TextBox">
<Setter Property="Background" Value="Yellow"></Setter>
<Setter Property="Foreground" Value="Blue"></Setter>
<Setter Property="TextWrapping" Value="Wrap"></Setter>
</Style>
</Page.Resources>
<Grid x:Name="LayoutRoot">
<Grid.RowDefinitions>
<RowDefinition Height="0.112*"/>
<RowDefinition Height="0.081*"/>
<RowDefinition Height="0.058*"/>
<RowDefinition Height="0.054*"/>
<RowDefinition Height="0.052*"/>
<RowDefinition Height="0.056*"/>
<RowDefinition Height="0.056*"/>
<RowDefinition Height="0.529*"/>
</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" Grid.Row="2" HorizontalAlignment="Right" VerticalAlignment="Center" Style="{StaticResource style1}"/>
<TextBlock x:Name="namvalidate" FontSize="20" Foreground="Red" TextWrapping="Wrap" Margin="0" Grid.Column="3" Grid.Row="2" HorizontalAlignment="Left" VerticalAlignment="Center" Visibility="Collapsed"/>
<TextBlock HorizontalAlignment="Right" VerticalAlignment="Center" Grid.Row="3" Text="Email ID" Style="{StaticResource style1}"/>
<TextBlock x:Name="emailvalidate" FontSize="20" Foreground="Red" TextWrapping="Wrap" Margin="0" Grid.Column="3" Grid.Row="3" HorizontalAlignment="Left" VerticalAlignment="Center" Visibility="Collapsed"/>
<TextBlock HorizontalAlignment="Right" VerticalAlignment="Center" Grid.Row="4" Text="word" Style="{StaticResource style1}"/>
<TextBlock HorizontalAlignment="Right" VerticalAlignment="Center" Grid.Row="5" Text="Age" Style="{StaticResource style1}"/>
<TextBlock x:Name="agevalidate" FontSize="20" Foreground="Red" TextWrapping="Wrap" Margin="0" Grid.Column="3" Grid.Row="5" HorizontalAlignment="Left" VerticalAlignment="Center" Visibility="Collapsed"/>
<TextBox x:Name="txtUserName" Margin="0" Grid.Column="2" Grid.Row="2" d:LayoutOverrides="Height" VerticalAlignment="Center" Style="{StaticResource style2}">
<TextBox.Text>
<Binding Mode="TwoWay" Path="UserName" />
</TextBox.Text>
</TextBox>
<TextBox x:Name="txtEmailID" Margin="0" VerticalAlignment="Center" Grid.Column="2" Grid.Row="3" Style="{StaticResource style2}">
<TextBox.Text>
<Binding Mode="TwoWay" Path="EmailID" />
</TextBox.Text>
</TextBox>
<wordBox x:Name="txtConf" Margin="0" VerticalAlignment="Center" Grid.Column="2" Grid.Row="4" >
<wordBox.word>
<Binding Mode="TwoWay" Path="word" />
</wordBox.word>
</wordBox>
<TextBox x:Name="txtAge" Margin="0" VerticalAlignment="Center" Grid.Column="2" Grid.Row="5" Style="{StaticResource style2}">
<TextBox.Text>
<Binding Mode="TwoWay" Path="Age" />
</TextBox.Text>
</TextBox>
<Button Click="Button_Click_1" Grid.Column="2" Grid.Row="6" Content="Save Data" Background="Red" HorizontalAlignment="Center"></Button>
</Grid>
</Page>