title: Resolution Independent WPF Application
body: <p>I'm developing a Database system that needs to be resolution independent, some use screens that are still running at 1024 x 768, some use screens that are at 1920 x 1080 and others use everything in between.</p>
  
  <p>I haven't done much work with WPF before so I'm sort of just starting out and attempting to get my head around height, widths and alignments.</p>
  
  <p>What I have at the moment is one main window that holds an grid in which at the top there is a row for a label and some navigation buttons, as well as the time and the username of the person logged in. I then have a second row below that that holds a frame which I load pages into for the main navigation of the program.</p>
  
  <p>In the pages I mainly use the grid layout, and occasionally the stack panel. One of the biggest problems I have come across is an issue like this;</p>
  
  <p><a href="https://i.stack.imgur.com/0XvSy.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0XvSy.jpg" alt="enter image description here"></a></p>
  
  <p>In low resolutions this is common, where as in a higher resolution the buttons look fine;</p>
  
  <p><a href="https://i.stack.imgur.com/8210s.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8210s.jpg" alt="enter image description here"></a></p>
  
  <p>This is the XAML code for the buttons within their parent grid;</p>
  
  <pre><code>    &lt;Grid&gt;
          &lt;Grid.RowDefinitions&gt;
              &lt;RowDefinition Height="*"/&gt;
              &lt;RowDefinition Height="*"/&gt;
              &lt;RowDefinition Height="*"/&gt;
              &lt;RowDefinition Height="*"/&gt;
              &lt;RowDefinition Height="*"/&gt;
              &lt;RowDefinition Height="*"/&gt;
              &lt;RowDefinition Height="*"/&gt;
              &lt;RowDefinition Height="*"/&gt;
          &lt;/Grid.RowDefinitions&gt;
          &lt;Button Content="HR" Margin="10"  Click="RunHrSystem" FontSize="18.667" /&gt;
          &lt;Button Content="Companies" Margin="10" Click="RunCompSystem" FontSize="18.667" Grid.Row="1" /&gt;
          &lt;Button Content="People" Margin="10" Click="RunPeopleSystem" FontSize="18.667" Grid.Row="2" /&gt;
          &lt;Button Content="IT Management" Margin="10" Click="RunITManagementSystem" FontSize="18.667" Grid.Row="3"/&gt;
          &lt;Button Content="Sales" Margin="10" FontSize="18.667" Grid.Row="4" /&gt;
          &lt;Button Content="Buying" Margin="10" FontSize="18.667" Grid.Row="5" /&gt;
          &lt;Button Content="Estimating" Margin="10" FontSize="18.667" Grid.Row="6"/&gt;
          &lt;Button Content="Design" Margin="10" FontSize="18.667" Grid.Row="7"/&gt;
      &lt;/Grid&gt;
  </code></pre>
  
  <p>Is there anything obvious I am doing wrong here that is preventing the buttons from resizing according to a lower resolution? As I say I get this throughout my program when using buttons, as well as the rectangle shape and in some situations labels, where the bottom of the label will be cut off too.</p>