title: Windows Phone - Making Page Scrollable
body: <p>I have the following code in xaml file of windows phone app:</p>
  
  <pre><code>&lt;!--ContentPanel - place additional content here--&gt;
          &lt;ScrollViewer&gt;
              &lt;Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0"&gt;            
  
                  &lt;Button Content="Save Details" Height="72" HorizontalAlignment="Left" Margin="9,870,0,0" Name="Button_SaveDetails" VerticalAlignment="Top" Width="216" /&gt;
                  &lt;Button Content="Cancel" Height="72" HorizontalAlignment="Left" Margin="296,870,0,0" Name="Button_Cancel" VerticalAlignment="Top" Width="160" /&gt;
              &lt;/Grid&gt;
          &lt;/ScrollViewer&gt;
      &lt;/Grid&gt;
  </code></pre>
  
  <p>Now, even though the page is scrollable, I have two problems:</p>
  
  <p>1) Some of the contents appear behind the application title
  2) The buttons at the bottom are not fully visible (does not scroll entirely to the bottom)</p>
  
  <p>Here is a screenshot showing the first problem</p>
  
  <p><img src="https://i.stack.imgur.com/f1cBd.png" alt="enter image description here"></p>
  
  <p>How can I solve these two problems please?  Thanks</p>