Wizard.xaml

<Page
    x:Class="RingClientUWP.Views.Wizard"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:RingClientUWP"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="32"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <Rectangle Fill="LightBlue"
                   Grid.Row="0"/>
        <StackPanel Grid.Row="1" Width="400">
            <Rectangle Height="50"/>
            <StackPanel Height="auto"
                        Background="LightBlue"
                        Grid.Column="0">
                <TextBlock x:Name="_showCreateAccountMenuTitle_"
                           Text="Create New Account"
                           Foreground="White"
                           FontSize="30"
                           HorizontalAlignment="Center"/>
                <Button x:Name="_showCreateAccountMenuBtn_"
                        Content="Create New Account"
                        Visibility="Collapsed"
                        HorizontalAlignment="Center"
                        Style="{StaticResource ButtonStyle4}"
                        Click="_showCreateAccountMenuBtn__Click"/>
                <Grid x:Name="_accountCreationMenuGrid_"
                      Background="LightBlue"
                      Visibility="Visible">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="auto"/>
                        <RowDefinition Height="30"/>
                    </Grid.RowDefinitions>
                    <StackPanel Orientation="Vertical"
                            Grid.Row="0"
                            Background="#FFE4F1F9">
                        <Button  x:Name="_avatarWebcamCaptureBtn_"
                                 Margin="0,10,0,0"
                                 VerticalAlignment="Center"
                                 Content="&#xE8B8;"
                                 Style="{StaticResource ButtonStyle3}"
                                 HorizontalAlignment="Center"/>
                        <!-- RING account. -->
                        <StackPanel x:Name="_ringAccountCreationStack_"
                                    Visibility="Visible">
                            <TextBox x:Name="_aliasTextBox_"
                                     Margin="10"
                                     PlaceholderText="Enter your username"/>
                            <PasswordBox Margin="10"
                                         PlaceholderText="Enter your password"/>
                            <PasswordBox  Margin="10,10,10,20"
                                          PlaceholderText="Repeat your Password"/>
                        </StackPanel>
                        <!-- SIP account. -->
                        <StackPanel x:Name="_sipAccountCreationStack_"
                                    Visibility="Collapsed">
                            <TextBox Margin="10"
                                     PlaceholderText="Enter hostname"/>
                            <TextBox Margin="10"
                                     PlaceholderText="Enter your username"/>
                            <PasswordBox Margin="10"
                                         PlaceholderText="Enter your password"/>
                            <PasswordBox Margin="10"
                                         PlaceholderText="Repeat your Password"/>
                        </StackPanel>
                    </StackPanel>
                    <!-- buttons yes/no to create the new account. -->
                    <Grid Grid.Row="1">
                        <StackPanel Orientation="Horizontal"
                                    HorizontalAlignment="Center">
                            <Button x:Name="_createAccountYes_"
                                    Grid.Row="1"
                                    VerticalAlignment="Center"
                                    HorizontalAlignment="Center"
                                    Content="&#xE081;"
                                    Click="_createAccountYes__Click"
                                    Style="{StaticResource ButtonStyle2}"/>
                        </StackPanel>
                    </Grid>
                </Grid>
            </StackPanel>
            <Rectangle Height="50"/>
            <!-- add account. -->
            <StackPanel Height="auto"
                        Background="LightBlue"
                        Grid.Column="2">
                <TextBlock x:Name="_showAddAccountMenuTitle_"
                           Text="Add Existing Account"
                           Foreground="White"
                           Visibility="Collapsed"
                           FontSize="30"
                           HorizontalAlignment="Center"/>
                <Button x:Name="_showAddAccountMenuBtn_"
                        Visibility="Visible"
                        Content="Add Existing Account"
                        HorizontalAlignment="Center"
                        Style="{StaticResource ButtonStyle4}"
                        Click="_showAddAccountMenuBtn__Click"/>
                <Grid x:Name="_accountAddMenuGrid_"
                      Visibility="Collapsed"
                      Background="LightBlue">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="auto"/>
                        <RowDefinition Height="30"/>
                    </Grid.RowDefinitions>
                    <!-- add account. -->
                    <StackPanel Background="#FFE4F1F9">
                        <TextBox  x:Name="_PINTextBox_"
                                  Margin="10"
                                  PlaceholderText="Enter PIN"/>
                        <PasswordBox Margin="10"
                                 PlaceholderText="Enter your password"/>
                    </StackPanel>
                    <!-- buttons yes/no to add the account. -->
                    <Grid Grid.Row="1">
                        <StackPanel Orientation="Horizontal"
                                HorizontalAlignment="Center">
                            <Button x:Name="_addAccountYes_"
                                Grid.Row="1"
                                VerticalAlignment="Center"
                                HorizontalAlignment="Center"
                                Content="&#xE081;"
                                Style="{StaticResource ButtonStyle2}"/>
                        </StackPanel>
                    </Grid>
                </Grid>
            </StackPanel>
        <!--</Grid>-->
        </StackPanel>
    </Grid>







</Page>