prs/prs.mobile.new/PRS.Mobile/Modules/Human Resources/Employee Details/MyDetailsPage.xaml

<?xml version="1.0" encoding="utf-8" ?>
<mobile:MobilePage xmlns:local="clr-namespace:PRS.Mobile" xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:mobile="clr-namespace:InABox.Mobile;assembly=InABox.Mobile.Shared"
             xmlns:ui="clr-namespace:XF.Material.Forms.UI;assembly=XF.Material"
             x:Class="PRS.Mobile.MyDetailsPage"
             x:Name="_mydetails"
             Title="My Details">
    
    <mobile:MobilePage.PrimaryMenu>
        <ImageButton 
            x:Name="_save"
            Source="save" 
            Clicked="SaveDetails_Clicked"
            IsVisible="False"/>
    </mobile:MobilePage.PrimaryMenu>
    
    <mobile:MobilePage.PageContent>

        <Grid Margin="5" RowSpacing="0">
            <Grid.RowDefinitions>
                <RowDefinition Height="auto"/>
                <RowDefinition Height="auto"/>
                <RowDefinition Height="auto"/>
                <RowDefinition Height="auto"/>
                <RowDefinition Height="auto"/>
                <RowDefinition Height="*"/>
                <RowDefinition Height="auto"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>

            <Label 
                Grid.Row="0" 
                Text="Mobile" 
                FontSize="Medium" 
                Margin="5,0,0,2"
                VerticalOptions="Center"
                TextColor="Black"/>
            
            <Frame
                Grid.Row="1" 
                BorderColor="Gray"
                CornerRadius="5"
                BackgroundColor="LightYellow"
                Padding="5,2"
                Margin="0" 
                HasShadow="False">
                <mobile:MobileEntry 
                    x:Name="mobileEnt"
                    HorizontalOptions="FillAndExpand" 
                    VerticalOptions="Fill"
                    Placeholder="Mobile #" 
                    Keyboard="Plain"
                    TextChanged="Mobile_OnTextChanged"
                    MinimumHeightRequest="40"/>  
            </Frame>

            <Label 
                Grid.Row="2"
                Text="Email" 
                FontSize="Medium"
                Margin="5,10,0,2"
                VerticalOptions="Center"
                TextColor="Black"/>
            
            <Frame
                Grid.Row="3" 
                BorderColor="Gray"
                CornerRadius="5"
                BackgroundColor="LightYellow"
                Padding="5,2"
                Margin="0" 
                HasShadow="False">
                <mobile:MobileEntry 
                    x:Name="emailEnt"
                    Placeholder="Email Address"
                    HorizontalOptions="FillAndExpand" 
                    VerticalOptions="Fill"
                    Keyboard="Plain"
                    TextChanged="Email_OnTextChanged"
                    MinimumHeightRequest="40"/>
            </Frame>
            
            <Label 
                Grid.Row="4"
                Text="Profile Image" 
                FontSize="Medium"
                Margin="5,10,0,2"
                VerticalOptions="Center"
                TextColor="Black"/>
            
                <Grid
                    Grid.Row="5">
                    
                    <local:DocumentViewer 
                        x:Name="_viewer"
                        IsVisible="False"
                        Grid.Row="0"
                        Margin="0"/>
            
                    <mobile:MobileCard
                        x:Name="_noviewer"
                        BackgroundColor="LightYellow"
                        IsVisible="False">
                    <Label
                        FontSize="Large"
                        Text="No Image Available"
                        HorizontalTextAlignment="Center"
                        VerticalTextAlignment="Center"
                        TextColor="Silver"/>
                    </mobile:MobileCard>
                    
                    <mobile:MobileCard
                        HeightRequest="40"
                        WidthRequest="40"
                        CornerRadius="22"
                        HorizontalOptions="End"
                        VerticalOptions="End"
                        Margin="0,0,10,10"
                        >
                        <mobile:MobileMenuButton
                            x:Name="_images"
                            Image="camera"
                            ImageSize="10,10"
                            HeightRequest="10"
                            WidthRequest="10"
                            Position="AlignTopLeft"
                            >
                            <mobile:MobileMenuButton.Items>
                                <mobile:MobileMenuItem Text="Take Photo" Clicked="_imagesphoto_Clicked" />
                                <mobile:MobileMenuItem Text="Browse Library" Clicked="_imageslibrary_Clicked" />
                            </mobile:MobileMenuButton.Items>
                        </mobile:MobileMenuButton>
                    </mobile:MobileCard>
            
                </Grid>
            
            <Label 
                Grid.Row="6"
                Text="Signature" 
                FontSize="Medium"
                Margin="5,10,0,2"
                VerticalOptions="Center"
                TextColor="Black"/>


                <local:SignatureEditor
                Grid.Row="7"
                    x:Name="Signature"                  
                    Changed="Signature_OnChanged"
                    />
            
            <ImageButton 
                x:Name="ClearSignature" 
                Grid.Row="7"
                Source="cross"
                HeightRequest="30"
                WidthRequest="30"
                HorizontalOptions="End"
                VerticalOptions="End"
                Margin="0,0,5,5"
                Clicked="ClearSignature_OnClicked" />

        </Grid>
    </mobile:MobilePage.PageContent>
</mobile:MobilePage>