How to do it...

Follow the steps mentioned here to create our sample demo application and then learn how to use Live Visual Tree to navigate through the XAML elements while debugging the application:

1. Let's first design our application UI. Open the MainWindow.xaml file from Solution Explorer.
2. Divide the default Grid panel to have five rows in the following manner:

<Grid.RowDefinitions> 
    <RowDefinition Height="Auto"/> 
    <RowDefinition Height="Auto"/> 
    <RowDefinition Height="Auto"/> 
    <RowDefinition Height="Auto"/> 
    <RowDefinition Height="*"/> 
</Grid.RowDefinitions>

3. Inside the Grid, add the following XAML code block to create a login screen with a few textblocks, textboxes, and button controls. Place them in appropriate rows as follows:

<TextBlock Text="Username:" 
           Grid.Row="0" 
           Margin="0 4 0 0"/> 
<TextBlock...