Step 3 : The MainPage.xaml file is as in the following code:
Code :
<Page
x:Class="App8.MainPage"
IsTabStop="false"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:App8"
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" Background="Red">
<Grid.ColumnDefinitions>
<ColumnDefinition Width=".333*"></ColumnDefinition>
<ColumnDefinition Width=".333*"></ColumnDefinition>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height=".033*"></RowDefinition>
<RowDefinition Height=".333*"></RowDefinition>
<RowDefinition Height=".033*"></RowDefinition>
<RowDefinition Height=".033*"></RowDefinition>
</Grid.RowDefinitions>
<TextBlock x:Name="tblVote" Text="Please cast your Vote:" FontSize="40"
Grid.ColumnSpan="2" Grid.Row="0" HorizontalAlignment="Center"
VerticalAlignment="Center">
</TextBlock>
<Image Source="Tulips.jpg" Grid.Row="1" Grid.ColumnSpan="2">
</Image>
<TextBlock x:Name="tb1" Grid.Row="2" Grid.ColumnSpan="2" FontSize="40"
HorizontalAlignment="Center" VerticalAlignment="Center">
</TextBlock>
<ToggleButton x:Name="tbtnVote" Checked="tbtnVote_VoteChanged"
Unchecked="tbtnVote_VoteChanged" Grid.ColumnSpan="2"
Grid.Row="3" Indeterminate="tbtnVote_VoteChanged"
IsThreeState="True" HorizontalAlignment="Center"
VerticalAlignment="Center" Content="Like / Dislike">
</ToggleButton>
</Grid>
</Page>