prs/prs.mobile.new/PRS.Mobile/Modules/Warehousing/Transfer/RecTransCompletion.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:material="clr-namespace:XF.Material.Forms.UI;assembly=XF.Material"
             xmlns:mobile="clr-namespace:InABox.Mobile;assembly=InABox.Mobile.Shared"
             x:Class="PRS.Mobile.RecTransCompletion">

    <mobile:MobilePage.PrimaryMenu>
        <Button 
                TextColor="White" BackgroundColor="Transparent" Margin="0" Padding="0"
                    IsVisible="false" x:Name="saveBatchBtn"
                Text="Save" Clicked="SaveBatch_Clicked"/>
    </mobile:MobilePage.PrimaryMenu>

    <mobile:MobilePage.PageContent>
        <ScrollView>
            <StackLayout Margin="10">
                
                <!--Row 0 Notes-->
                <material:MaterialLabel Text="Notes" TypeScale="H6" HorizontalTextAlignment="Start" Margin="5" HorizontalOptions="Center"/>

                <Frame HasShadow="False" Padding="10" BorderColor="Red" CornerRadius="10" x:Name="notesFrame">
                    <StackLayout>
                        <Editor x:Name="notesEdt" AutoSize="TextChanges" VerticalOptions="Center" FontSize="Medium" TextChanged="NotesEdt_Changed"/>

                        <Label Text="Commonly used notes (select to add)" HorizontalOptions="Center" FontAttributes="Bold"/>

                        <FlexLayout 
                        x:Name="optionsFlexLayout" BackgroundColor="Transparent" 
                            Wrap="Wrap"
                        Direction="Row"
                        JustifyContent="SpaceEvenly"
                        AlignItems="Start"
                        AlignContent="Start">
                        </FlexLayout>
                    </StackLayout>
                </Frame>
                
                <!--Row 1 Photos-->
                <material:MaterialLabel x:Name="photosLbl" Text="Photos" TypeScale="H6" HorizontalTextAlignment="Start" Margin="5" HorizontalOptions="Center"/>

                <Frame HasShadow="False" Padding="10" BorderColor="Red" x:Name="photosFrame" CornerRadius="10">
                    <StackLayout Orientation="Vertical">
                        <Label Text="Tap on photo to view / delete" HorizontalOptions="Center" VerticalOptions="Center"/>
                        <ScrollView Orientation="Horizontal" x:Name="ImageScroller" IsVisible="false">
                            <StackLayout x:Name="images" Orientation="Horizontal" HeightRequest="150" HorizontalOptions="StartAndExpand" VerticalOptions="Fill"/>
                        </ScrollView>
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="*"/>
                            </Grid.ColumnDefinitions>
                            <Button x:Name="TakePhoto" Grid.Column="0" Text="Camera" Clicked="TakePhoto_Clicked" Padding="3" FontSize="Medium" TextColor="White" BackgroundColor="#15C7C1" FontAttributes="Bold"/>
                            <Button x:Name="ChooseImage" Grid.Column="1" Text="Library" Clicked="ChooseImage_Clicked" Padding="3" FontSize="Medium" TextColor="White" BackgroundColor="#15C7C1" FontAttributes="Bold"/>
                        </Grid>
                    </StackLayout>
                </Frame>
                
            </StackLayout>
        </ScrollView>
    </mobile:MobilePage.PageContent>
</mobile:MobilePage>