title: How to use the full height and width of a SettingsFlyout in Windows 8.1
body: <p>I have a Windows 8.1 application with a settings flyout which will open when you click a custom setting in the settings charms bar.</p>
  
  <p>However my content inside the settings flyout is not using the full height/width of the settings flyout instead has a uniform margin across all corners. The following picture displays the same. </p>
  
  <p><img src="https://i.stack.imgur.com/V2C6K.png" alt="enter image description here"></p>
  
  <p>For better understanding I have put black and red backgrounds. The black background is for SettingsFlyout, the red is for the StackPanel inside the Flyout. I have set the StackPanel height and width to the actualheight and actualwidth of the flyout
  Here's the XAML</p>
  
  <pre><code>&lt;SettingsFlyout
  x:Name="AccountsSettingsFlyoutElement"
  x:Class="Something.AccountsSettingsFlyout"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  Background="Black"
  mc:Ignorable="d"
  IconSource="Assets/SmallLogo.png"
  Title="Accounts"
  d:DesignWidth="346"&gt;
  
  &lt;!-- This StackPanel acts as a root panel for vertical layout of the content sections --&gt;
  &lt;StackPanel Background="Red"
              Width="{Binding ElementName=AccountsSettingsFlyoutElement, Path=ActualWidth}"
              Height="{Binding ElementName=AccountsSettingsFlyoutElement, Path=ActualHeight}"&gt;
      &lt;StackPanel Style="{StaticResource SettingsFlyoutSectionStyle}"&gt;
          &lt;TextBlock Text="Accounts"
                     x:Uid="AccountsSettings_Title"
                     VerticalAlignment="Bottom"
                     Style="{StaticResource SettingTitleStyle}" /&gt;
  
      &lt;/StackPanel&gt;
  &lt;/StackPanel&gt;
  </code></pre>
  
  <p></p>
  
  <p>As you can see the red is not covering the whole of the black region. I want to create a UI like this.</p>
  
  <p><img src="https://i.stack.imgur.com/6AQIm.png" alt="enter image description here"></p>
  
  <p>Now if you notice at the bottom of the above figure. The Add An Account Button covers the entire width of the Flyout.</p>
  
  <p>How do I achieve a UI similar to this?</p>