title: Windows Store-app with login-screen
body: <p>I need my program to start up with an login-screen, but I can not figure out how to make it look pretty. <br />
  I tried with a code, that looks like the following, but I do not think it is the "true way" to do it</p>
  
  <pre><code>&lt;Page.Resources&gt;
     &lt;Grid Style="{StaticResource LayoutRootStyle}"&gt;
        &lt;TextBlock x:Name="pageTitle" Grid.Column="1" Text="{StaticResource AppName}" Style="{StaticResource PageHeaderTextStyle}"/&gt;
     &lt;/Grid&gt;
     &lt;TextBlock HorizontalAlignment="Left" Margin="647,31,0,0" Grid.Row="1" TextWrapping="Wrap" Text="TextBlock" VerticalAlignment="Top"/&gt;
     &lt;TextBox HorizontalAlignment="Left" Margin="634,62,0,0" Grid.Row="1" TextWrapping="Wrap" Text="TextBox" VerticalAlignment="Top"/&gt;
     &lt;TextBlock HorizontalAlignment="Left" Margin="647,128,0,0" Grid.Row="1" TextWrapping="Wrap" Text="TextBlock" VerticalAlignment="Top"/&gt;
     &lt;TextBox HorizontalAlignment="Left" Margin="634,167,0,0" Grid.Row="1" TextWrapping="Wrap" Text="TextBox" VerticalAlignment="Top"/&gt;
     &lt;Button Content="Button" HorizontalAlignment="Left" Margin="632,243,0,0" Grid.Row="1" VerticalAlignment="Top"/&gt;
  </code></pre>
  
  <p>Can anybody tell me how to create a pretty login-screen as start-screen <br />
  I have though of a dialog, as it should not be possible to go back to it, but how can I create it with an empty background?</p>
  
  <p><strong>UPDATE</strong></p>
  
  <p>Thanks to DanielRozo in his answer below, my code now looks like this</p>
  
  <pre><code>&lt;Popup IsOpen="True" Margin="200" Height="260" Width="900"&gt;
     &lt;Grid Height="250"&gt;
        &lt;TextBlock Style="{StaticResource HeaderTextStyle}" Text="Login" Margin="0" HorizontalAlignment="Center" VerticalAlignment="Top" Height="50" /&gt;
        &lt;TextBlock Style="{StaticResource ResourceKey=SubheaderTextStyle}" Text="" Margin="0,63,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" /&gt;
        &lt;TextBox Name="InputUsername" Margin="0,63,0,0" HorizontalAlignment="Right" Height="40" Width="650"/&gt;
        &lt;TextBlock Style="{StaticResource ResourceKey=SubheaderTextStyle}" Text="" Margin="0,138,0,0" HorizontalAlignment="Left" VerticalAlignment="Top"/&gt;
        &lt;PasswordBox Name="InputPassword" Margin="0,0,138,0" HorizontalAlignment="Right" VerticalAlignment="Top" Height="40" Width="650"  /&gt;
        &lt;Button Name="Login" Content="" Margin="200,0,0,0" HorizontalAlignment="Left" VerticalAlignment="Bottom"  /&gt;
        &lt;Button Name="Cancel" x:Uid="LoginPopupCancel" Content="" Margin="300,0,0,0" HorizontalAlignment="Left" VerticalAlignment="Bottom" /&gt;
     &lt;/Grid&gt;
  &lt;/Popup&gt;
  </code></pre>
  
  <p>But it does not work, when I rotate the screen, so I created <a href="https://stackoverflow.com/questions/13904944/login-popup-not-working-when-rotating">this question</a> <br />
  I also needs help to figure out how to set the page to a login-page</p>