title: Mixed fixed and scrollable elements on Xamarin.Forms
body: <p>I'm just getting started programming in Xamarin.Forms, and I'm afraid I might need a little hand-holding.  I'm pretty handy with standard XAML, but Xamarin.Forms has limitations and coy little caveats.</p>
  
  <p>So the question is: How would I implement mixed fixed and scrollable elements in the same view?  Like, I want the buttons below fixed to the bottom, and then the rest of the content area, I want to be scrollable.  </p>
  
  <p>Is there a way to do that?  </p>
  
  <p>-- UPDATE -- </p>
  
  <p>Okay... </p>
  
  <p>This is my code, and the top and bottom sections render correctly, and the ScrollView area does not render at all ... it's completely blank... ?</p>
  
  <pre><code>&lt;ContentPage.Content&gt;
      &lt;Grid BackgroundColor="{StaticResource BackgroundGray}"&gt;
          &lt;Grid.RowDefinitions&gt;
              &lt;RowDefinition Height="96" /&gt;
              &lt;RowDefinition Height="*" /&gt;
              &lt;RowDefinition Height="Auto" /&gt;
              &lt;RowDefinition Height="Auto" /&gt;
          &lt;/Grid.RowDefinitions&gt;
  
          &lt;StackLayout Grid.Row="0" HeightRequest="96" BackgroundColor="White" VerticalOptions="Center"&gt;
              &lt;Image Source="biodatix.jpg" VerticalOptions="Center" HeightRequest="48" Margin="4,8,4,4" /&gt;
              &lt;Label FontFamily="Arial" FontSize="20" TextColor="{StaticResource AppLightOrange}" HorizontalTextAlignment="Center"&gt;BioDatix&lt;/Label&gt;
          &lt;/StackLayout&gt;
  
          &lt;ScrollView Grid.Row="1" VerticalOptions="FillAndExpand"&gt;
  
              &lt;Entry x:Name="Username" Placeholder="Email Address" Text="{Binding User.Email}" FontSize="Small" /&gt;
              &lt;Label x:Name="reqemail" Text="Please enter an email address" IsVisible="False" FontSize="Micro" TextColor="Red"/&gt;
  
              &lt;Entry x:Name="RetypeUsername" Placeholder="Retype Email Address" FontSize="Small" /&gt;
              &lt;Label x:Name="reqemailverify" Text="Please confirm your email address" IsVisible="False" FontSize="Micro" TextColor="Red"/&gt;
  
              &lt;Entry IsPassword="True" Placeholder="Password" x:Name="Password" Text="{Binding User.Password}" FontSize="Small" /&gt;
              &lt;Label x:Name="reqpass" Text="Please enter a password" IsVisible="False" FontSize="Micro" TextColor="Red"/&gt;
  
              &lt;Entry x:Name="FirstName" Placeholder="First Name" Text="{Binding User.FirstName}" FontSize="Small" /&gt;
              &lt;Label x:Name="reqfirstname" Text="Please enter your first name" IsVisible="False" FontSize="Micro" TextColor="Red"/&gt;
  
              &lt;Entry x:Name="LastName" Placeholder="Last Name" Text="{Binding User.LastName}" FontSize="Small" /&gt;
              &lt;Label x:Name="reqlastname" Text="Please enter your last name" IsVisible="False" FontSize="Micro" TextColor="Red"/&gt;
  
              &lt;StackLayout Orientation="Horizontal" Margin="4"&gt;
                  &lt;Label x:Name="lblUseMetric" Margin="2"&gt;Use Metric System&lt;/Label&gt;
                  &lt;Switch x:Name="UseMetric" IsToggled="{Binding User.Metric}"&gt;&lt;/Switch&gt;
              &lt;/StackLayout&gt;
  
  
              &lt;Entry x:Name="UserHeight" Placeholder="Height" Text="{Binding User.Height}" FontSize="Small" /&gt;
              &lt;Label x:Name="reqheight" Text="Please enter your height" IsVisible="False" FontSize="Micro" TextColor="Red"/&gt;
  
              &lt;Entry x:Name="UserWeight" Placeholder="Weight" Text="{Binding User.Weight}" FontSize="Small" /&gt;
              &lt;Label x:Name="reqweight" Text="Please enter your weight" IsVisible="False" FontSize="Micro" TextColor="Red"/&gt;
  
  
              &lt;StackLayout Orientation="Horizontal" Margin="4"&gt;
                  &lt;Label x:Name="lblWearSide" Margin="2"&gt;Wears Right&lt;/Label&gt;
                  &lt;Switch x:Name="WearSide" IsToggled="{Binding User.WearSide}"&gt;&lt;/Switch&gt;
              &lt;/StackLayout&gt;
  
  
              &lt;Label x:Name="lblError" Text="" IsVisible="False" FontSize="Default" TextColor="Red"/&gt;
  
  
          &lt;/ScrollView&gt;
  
          &lt;Button x:Name="RegisterBtn" Clicked="RegisterBtn_Clicked" WidthRequest="200" HorizontalOptions="Center" BackgroundColor="{StaticResource AppGreen}" Grid.Row="2" Text="Sign In" Margin="4" /&gt;
  
          &lt;Button x:Name="CancelBtn" Clicked="CancelBtn_Clicked"  WidthRequest="200" HorizontalOptions="Center" BackgroundColor="{StaticResource AppGreen}" Grid.Row="3" Text="Help Signing In" Margin="4" /&gt;
      &lt;/Grid&gt;
  
  &lt;/ContentPage.Content&gt;
  </code></pre>