prs/prs.mobile/comal.timesheets/JobDocsFilterPage.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:timesheets="clr-namespace:comal.timesheets"
             x:Class="comal.timesheets.JobDocsFilterPage">
    <NavigationPage.TitleView>
        <Grid Margin="0" Padding="0">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>
            <Button Grid.Column="0" HorizontalOptions="Start" VerticalOptions="Center" TextColor="White" BackgroundColor="Transparent" Margin="0" Padding="0"
                Text="Cancel" Clicked="CancelBtn_Clicked"/>
            <Label Grid.Column="1"  Text="Filters" VerticalOptions="Center" x:Name="titleLbl"
                   HorizontalOptions="Center" HorizontalTextAlignment="Center" TextColor="White" FontSize="Medium" FontAttributes="Bold"/>
            <Button Grid.Column="2" HorizontalOptions="Start" VerticalOptions="Center" TextColor="White" BackgroundColor="Transparent" Margin="0" Padding="0"
                Text="Save" Clicked="SaveBtn_Clicked"/>
        </Grid>
    </NavigationPage.TitleView>

    <ContentPage.Content>
        <ScrollView>
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="auto"/>
                    <RowDefinition Height="auto"/>
                    <RowDefinition Height="auto"/>
                    <RowDefinition Height="auto"/>
                    <RowDefinition Height="auto"/>
                    <RowDefinition Height="auto"/>
                    <RowDefinition Height="auto"/>
                    <RowDefinition Height="auto"/>
                </Grid.RowDefinitions>

                <Label Grid.Row="0" FontSize="Medium" HorizontalOptions="Center" FontAttributes="Bold" Margin="5, 10, 5, 0"
                Text="Discipline"/>
                <timesheets:CustomPickeriOS Grid.Row="1" Margin="5"
                                        x:Name="disciplinePicker"/>

                <Label Grid.Row="2" FontSize="Medium" HorizontalOptions="Center" FontAttributes="Bold" Margin="0"
                Text="Type"/>
                <timesheets:CustomPickeriOS Grid.Row="3" Margin="5"
                                        x:Name="typePicker"/>

                <Label Grid.Row="4" FontSize="Medium" HorizontalOptions="Center" FontAttributes="Bold" Margin="0"
                Text="Category"/>
                <timesheets:CustomPickeriOS Grid.Row="5" Margin="5"
                                        x:Name="categoryPicker"/>

                <Label Grid.Row="6" FontSize="Medium" HorizontalOptions="Center" FontAttributes="Bold" Margin="0"
                Text="Area"/>
                <timesheets:CustomPickeriOS Grid.Row="7" Margin="5"
                                        x:Name="areaPicker"/>

            </Grid>
        </ScrollView>
    </ContentPage.Content>
</ContentPage>