prs/prs.mobile/comal.timesheets/Modules/MyHR/Qualifications/AddEditQualification.xaml

<?xml version="1.0" encoding="utf-8" ?>
<timesheets:BasePage xmlns:timesheets="clr-namespace:comal.timesheets" xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:xforms="clr-namespace:Syncfusion.SfPicker.XForms;assembly=Syncfusion.SfPicker.XForms"
             x:Class="comal.timesheets.AddEditQualification">

    <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="Exit" Clicked="ExitBtn_Clicked"/>
            <Label Grid.Column="1"  Text="Edit Qualification" VerticalOptions="Center" x:Name="titleLbl"
                   HorizontalOptions="Center" HorizontalTextAlignment="Center" TextColor="White" FontSize="Medium" FontAttributes="Bold"/>
            <Button Grid.Column="2" HorizontalOptions="End" VerticalOptions="Center" TextColor="White" BackgroundColor="Transparent" Margin="0" Padding="0"
                Text="Save" Clicked="Save_Clicked"/>
        </Grid>
    </NavigationPage.TitleView>

    <timesheets:BasePage.PageContent>
        <ScrollView>
            <StackLayout Padding="10">
                <Label Text="Tap inside boxes to make changes as appropriate" VerticalOptions="Center" HorizontalOptions="Center" LineBreakMode="WordWrap"
                       FontSize="Medium"/>

                <!--Row 0 Description-->
                <Label Text="Qualification:" FontSize="Medium" FontAttributes="Bold" Margin="5" HorizontalTextAlignment="Start" VerticalTextAlignment="Center"/>
                <Frame x:Name="descriptionFrame" Padding="10" BorderColor="#15C7C1" CornerRadius="5">
                    <Picker x:Name="qualificationPicker" HorizontalOptions="FillAndExpand" VerticalOptions="Center" SelectedIndexChanged="QualificationPicker_IndexChanged"
                                     Title="Select an option"/>
                </Frame>

                <!--Row 1 Qualified-->
                <Label Text="Qualified:" FontAttributes="Bold" FontSize="Medium"  Margin="5"  HorizontalTextAlignment="Start" VerticalTextAlignment="Center"/>
                <Frame Padding="10" BorderColor="#15C7C1" CornerRadius="5">
                    <DatePicker x:Name="qualifiedDatePicker" HorizontalOptions="FillAndExpand" VerticalOptions="Center" DateSelected="QualifiedDatePicker_Selected"
                        />
                </Frame>

                <!--Row 2 Renewal-->
                <Label Text="Renewal:" FontAttributes="Bold" FontSize="Medium"  Margin="5"  HorizontalTextAlignment="Start" VerticalTextAlignment="Center"/>
                <Frame Padding="10" BorderColor="#15C7C1" CornerRadius="5">
                    <Label x:Name="renewalLbl" HorizontalOptions="Start" VerticalOptions="Center" FontSize="Medium"/>
                </Frame>

                <!--Row 3 Expiry-->
                <Label Text="Expiry:" FontAttributes="Bold" FontSize="Medium"  Margin="5"  HorizontalTextAlignment="Start" VerticalTextAlignment="Center"/>
                <Frame Padding="10" BorderColor="#15C7C1" CornerRadius="5">
                    <DatePicker x:Name="expiryDatePicker" HorizontalOptions="FillAndExpand" VerticalOptions="Center" DateSelected="ExpiryDatePicker_Selected"
                        />
                </Frame>

                <!--Row 4 Documents-->
                <Label x:Name="documentsLbl"
                    Text="Documents:" FontAttributes="Bold" FontSize="Medium"  Margin="5"  HorizontalTextAlignment="Start" VerticalTextAlignment="Center"/>
                <Frame Padding="10" BorderColor="#15C7C1" CornerRadius="5">
                    <Button x:Name="addViewDocsBtn" Grid.Column="0" Text="Add / View Documents" Clicked="AddViewDocsBtn_Clicked" IsEnabled="False"
                            Padding="3" FontSize="Medium" TextColor="White" BackgroundColor="#15C7C1" FontAttributes="Bold"/>
                </Frame>

                <!--Row 5 Front Photo-->
                <Label Text="Front Photo:" FontAttributes="Bold" FontSize="Medium"  Margin="5"  HorizontalTextAlignment="Start" VerticalTextAlignment="Center"/>
                <Frame Padding="10" BorderColor="#15C7C1" CornerRadius="5">
                    <StackLayout Orientation="Vertical">
                        <Label Text="Use the camera button to add/change the photo" LineBreakMode="WordWrap" HorizontalOptions="Center" VerticalOptions="Center"/>
                        <Button x:Name="TakeFrontPhotoBtn" Text="Camera" Clicked="TakeFrontPhoto_Clicked" Padding="3" FontSize="Medium" TextColor="White" BackgroundColor="#15C7C1" FontAttributes="Bold"/>
                    </StackLayout>
                </Frame>

                <!--Row 6 Back Photo-->
                <Label Text="Back Photo:" FontAttributes="Bold" FontSize="Medium"  Margin="5"  HorizontalTextAlignment="Start" VerticalTextAlignment="Center"/>
                <Frame Padding="10" BorderColor="#15C7C1" CornerRadius="5">
                    <StackLayout Orientation="Vertical">
                        <Label Text="Use the camera button to add/change the photo" LineBreakMode="WordWrap" HorizontalOptions="Center" VerticalOptions="Center"/>
                        <Button x:Name="TakeBackPhotoBtn" Text="Camera" Clicked="TakeBackPhoto_Clicked" Padding="3" FontSize="Medium" TextColor="White" BackgroundColor="#15C7C1" FontAttributes="Bold"/>
                    </StackLayout>
                </Frame>

            </StackLayout>
        </ScrollView>
    </timesheets:BasePage.PageContent>
</timesheets:BasePage>