andreas-nesheim

<Grid
    Margin="0,20,0,0"
    ColumnDefinitions="*,*"
    RowDefinitions="*,*">
    <Label
        FontAttributes="Bold"
        FontSize="18"
        Text="Variasjon"
        TextColor="Black" />
    <Border

andreas-nesheim

<Grid ColumnDefinitions="140,*,70" ColumnSpacing="10">
    <Label
        FontAttributes="Bold"
        FontSize="20"
        Text="1. Burgler"
        TextColor="Black" />
    <Label
        Grid.Column="1"
        FontAttributes="Bold"
        HorizontalOptions="End"

andreas-nesheim

<Grid>
    <Image
        Aspect="AspectFill"
        HeightRequest="260"
        Source="cheeseburger.jpg"
        WidthRequest="400">
        <Image.Clip>
            <GeometryGroup>
                <RectangleGeometry Rect="0,0,400,100" />
                <!--  Center property does not seem to work (as of RC1)  -->

andreas-nesheim

<Grid RowDefinitions="260,Auto,Auto,Auto" RowSpacing="25">
  ...
</Grid>

andreas-nesheim

<VerticalStackLayout
    Grid.Row="3"
    Margin="0,-30,0,0"
    Padding="10"
    Spacing="10">
    <HorizontalStackLayout>
        <Label
            FontFamily="IconFontTypes"
            FontSize="28"
            Text="{x:Static helpers:IconFont.Fire}"

andreas-nesheim

<BoxView
    Grid.Row="2"
    Margin="0,-80,0,0"
    BackgroundColor="White"
    HeightRequest="30"
    ZIndex="-1">
    <BoxView.Shadow>
        <Shadow
            Brush="Black"
            Opacity="0.2"

andreas-nesheim

<VerticalStackLayout
    Grid.Row="1"
    Margin="0,-50,0,0"
    Padding="20,0"
    Spacing="10">
    <Label
        FontAttributes="Bold"
        FontSize="20"
        Text="Hekkan Burger - Stavanger"
        TextColor="Black" />

andreas-nesheim

<Style x:Key="FontIconWithRoundedCornersStyle" TargetType="Border">
    <Setter Property="Padding" Value="6" />
    <Setter Property="Background" Value="White" />
    <Setter Property="Stroke" Value="White" />
    <Setter Property="StrokeThickness" Value="0" />
    <Setter Property="VerticalOptions" Value="Start" />
    <Setter Property="StrokeShape">
        <Setter.Value>
            <RoundRectangle CornerRadius="60" />
        </Setter.Value>

andreas-nesheim

<Border
    Margin="10,12,0,0"
    HorizontalOptions="Start"
    Style="{StaticResource FontIconWithRoundedCornersStyle}">
    <Label
        FontFamily="IconFontTypes"
        FontSize="30"
        Text="{x:Static helpers:IconFont.ArrowLeft}" />
</Border>
<Border

andreas-nesheim

<Grid>
    <Image
        Aspect="AspectFill"
        HeightRequest="260"
        Source="cheeseburger.jpg"
        WidthRequest="400">
        <Image.Clip>
            <GeometryGroup>
                <RectangleGeometry Rect="0,0,400,100" />
                <!--  Center property does not seem to work (as of RC1)  -->