prs/prs.mobile/comal.timesheets/Main/MainPage.xaml

<?xml version="1.0" encoding="utf-8"?>
<ContentPage 
    xmlns="http://xamarin.com/schemas/2014/forms" 
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
    xmlns:local="clr-namespace:comal.timesheets"
    xmlns:material="clr-namespace:XF.Material.Forms.UI;assembly=XF.Material"
    material:MaterialNavigationPage.AppBarTitleTextFontSize="18.0"
    material:MaterialNavigationPage.AppBarColor="#a2006d"
    x:Class="comal.timesheets.MainPage"
    >

    <ContentPage.ToolbarItems>
        <ToolbarItem Name="Settings" Order="Primary" Priority="0" Clicked="Settings_Tapped"/>
    </ContentPage.ToolbarItems>

    <Grid x:Name="homeScreenGrid" RowSpacing="0" ColumnSpacing="0">
        <Grid.RowDefinitions>
            <RowDefinition Height="5.5*" x:Name="row0"/>
            <RowDefinition Height="45" x:Name="row1"/>
            <RowDefinition Height="45" x:Name="row2"/>
            <RowDefinition Height="12*"/>
        </Grid.RowDefinitions>

        <!--row 0-->
        <Button Grid.Row="0" x:Name="clockOnButton" Clicked="ClockOnOff_Clicked" BorderColor="Black" BorderWidth="1"
            Text="PLEASE WAIT" FontSize="Large" TextColor="Black" FontAttributes="Bold" BackgroundColor="Gainsboro" CornerRadius="5" Margin="10, 10, 10, 5"
            HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand"
                IsEnabled="False"/>


        <Label Grid.Row="0" x:Name="CurrentLocation"
               Text="Initializing.." HorizontalTextAlignment="Center" HorizontalOptions="Center" VerticalOptions="End" VerticalTextAlignment="End" Margin="0, 0, 0, 25"/>

        <!--row 1-->
        <Grid Grid.Row="1" RowSpacing="0" ColumnSpacing="0" x:Name="buttonsGrid">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>

            <Button Grid.Column="0" Clicked="JobBtn_Tapped" x:Name="jobBtn" IsEnabled="False" Padding="0"
                Text="Job"  FontAttributes="Bold" TextColor="White" BackgroundColor="#15C7C1" CornerRadius="5" Margin="10, 5, 5, 5"
                HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand"
                />

            <Button Grid.Column="1" Clicked="AddNote_Tapped" x:Name="addNoteBtn" IsEnabled="False" Padding="0"
                Text="Add note" FontAttributes="Bold" TextColor="White" BackgroundColor="#15C7C1" CornerRadius="5" Margin="5, 5, 10, 5"
                HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand"
                />
        </Grid>

        <Button Grid.Row="2" Clicked="TaskBtn_Tapped" x:Name="taskBtn" IsEnabled="False" Padding="0"
                Text="Task"  FontAttributes="Bold" TextColor="White" BackgroundColor="#15C7C1" CornerRadius="5" Margin="10, 5, 10, 5"
                HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand"
                />

        <!--row 2-->
        <ScrollView x:Name="flexLayoutScrollView" Grid.Row="3" >
            <ScrollView.Margin>
                <OnPlatform x:TypeArguments="Thickness">
                    <On Platform="Android" Value="1, 5, 3, 10"/>
                    <On Platform="iOS" Value="5, 5, 7, 10"/>
                </OnPlatform>
            </ScrollView.Margin>

            <FlexLayout x:Name="flexLayout"                        
                        Wrap="Wrap"
                        Direction="Row"
                        JustifyContent="SpaceEvenly"
                        AlignItems="Start"
                        AlignContent="Start"/>
        </ScrollView>


    </Grid>

</ContentPage>