UWP - RelativePanel example

MainPage.xaml

<Page
    x:Class="UniversalAppTutorials.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:UniversalAppTutorials"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    >
    <RelativePanel Background="AliceBlue" Padding="50">
        <TextBlock
            x:Name="SignInText"
            Text="Sign In"
            RelativePanel.AlignHorizontalCenterWithPanel="True"
            Foreground="Black"
            FontSize="30"
            FontWeight="Normal"
            CharacterSpacing="200"
            />
        <TextBox
            x:Name="UserName"
            Header="User Name"
            RelativePanel.Below="SignInText"
            RelativePanel.AlignLeftWithPanel="True"
            RelativePanel.AlignRightWithPanel="True"
            />
        <TextBox
            x:Name="Password"
            Header="Password"
            RelativePanel.Below="UserName"
            RelativePanel.AlignLeftWithPanel="True"
            RelativePanel.AlignRightWithPanel="True"
            />
        <Button
            x:Name="SignIn"
            Content="Sign In"
            RelativePanel.Below="Password"
            RelativePanel.AlignRightWithPanel="True"
            Margin="5,5,0,5"
            Padding="25,5,25,5"
            />
        <Button
            x:Name="Cancel"
            Content="Cancel"
            RelativePanel.Below="Password"
            RelativePanel.LeftOf="SignIn"
            Margin="5,5,0,5"
            Padding="25,5,25,5"
            />
        <CheckBox
            x:Name="RememberMe"
            Content="Remember Me"
            RelativePanel.Below="Cancel"
            />
        <HyperlinkButton
            x:Name="Forgot"
            Content="FORGOT PASSWORD?"
            RelativePanel.Below="RememberMe"
            RelativePanel.AlignHorizontalCenterWithPanel="True"
            Margin="5,25,5,5"
            />
        <HyperlinkButton
            x:Name="NoAccount"
            Content="DONT HAVE AN ACCOUNT?"
            RelativePanel.Below="Forgot"
            RelativePanel.AlignHorizontalCenterWithPanel="True"
            />
    </RelativePanel>
</Page>
More uwp tutorials