Buttons on top of image & positioning

I am having some issues with my page, below is my code and yes I am fairly new to Xamarin and developing. =)

But in the picture you can see what I am going for:
The whole thing is a carousel page and each page has a background image and 2 buttons positioned at the bottom.
My problem is i can only ever display one of the elements, whether it is the image or the 2 buttons.
I have attempted making the background transparent but nothing.

XAML Code

<CarouselPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="Project.Landing">
    <ContentPage>
      <StackLayout>
        <RelativeLayout x:Name="slot1" />
        <!-- bottom buttons -->
        <StackLayout HorizontalOptions="Fill" VerticalOptions="End" Padding="10" BackgroundColor="Transparent">
          <Grid BackgroundColor="Transparent">
            <Grid.ColumnDefinitions>
              <ColumnDefinition Width="1*"/>
              <ColumnDefinition Width="1*"/>
            </Grid.ColumnDefinitions>
            <Button x:Name="lbutton" Grid.Column="0" />
            <Button x:Name="rbutton" Grid.Column="1" />
          </Grid>
        </StackLayout>
      </StackLayout>
    </ContentPage>
</CarouselPage>

C# Code

slot1.Children.Add(the_image,
            Constraint.Constant(0),
            Constraint.Constant(0), 
            Constraint.RelativeToParent((parent) => { return parent.Width; }), 
            Constraint.RelativeToParent((parent) => { return parent.Height; }));
Sign In or Register to comment.