prs/prs.mobile.new/PRS.Mobile/Modules/DocScanner/DocScannerModule.xaml

<?xml version="1.0" encoding="utf-8"?>

<mobile:MobilePage 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:local="clr-namespace:PRS.Mobile;assembly=PRS.Mobile"
             x:Class="PRS.Mobile.DocScannerModule"
             Title="Submitted Documents">
    <mobile:MobilePage.Resources>
        <mobile:ByteArrayToImageSourceConverter x:Key="ByteArrayToImageSourceConverter" BlankIfEmpty="True" />
        <mobile:StringToBooleanConverter x:Key="HideIfEmpty" HasValue="True" />
        <mobile:StringToBooleanConverter x:Key="ShowIfEmpty" HasValue="False" />
        <DataTemplate 
            x:Key="ImageTemplate" 
            x:DataType="local:DataEntryDocumentShell">
            <ViewCell>
                <mobile:MobileCard
                    IsClickable="True"
                    Clicked="Image_Clicked"
                    Margin="0,5,0,0"
                    HeightRequest="150">
                    
                    <Grid>
                            
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="150"/>
                            <ColumnDefinition Width="0.75"/>
                            <ColumnDefinition Width="*"/>
                            <ColumnDefinition Width="Auto"/>
                        </Grid.ColumnDefinitions>
                        
                        <Grid.RowDefinitions>
                            <RowDefinition Height="*"/>
                            <RowDefinition Height="Auto"/>
                        </Grid.RowDefinitions>
                            
                        <Image
                            Grid.Row="0"
                            Grid.Column="0"
                            Grid.RowSpan="2"
                            Margin="5,5,0,5"
                            Source="{Binding Thumbnail, Converter={StaticResource ByteArrayToImageSourceConverter}}"
                            Aspect="AspectFit"
                        />

                        <BoxView
                            Grid.Row="0"
                            Grid.Column="1"
                            Grid.RowSpan="2"
                            Color="Black"
                            HorizontalOptions="Fill"/>
                        
                        <Label
                            Grid.Row="0"
                            Grid.Column="2"
                            Grid.ColumnSpan="2"
                            Margin="0,5,5,0"
                            FontSize="{StaticResource Theme.Text.Small.Size}"
                            TextColor="Black"
                            Text="{Binding Note}"
                            IsVisible="{Binding Note, Converter={StaticResource HideIfEmpty}}"
                            LineBreakMode="WordWrap"
                            HorizontalTextAlignment="Start"/>
                        
                        <Label
                            Grid.Row="0"
                            Grid.Column="2"
                            Grid.ColumnSpan="2"
                            Margin="0,5,5,0"
                            FontSize="{StaticResource Theme.Text.Small.Size}"
                            TextColor="Gray"
                            FontAttributes="Italic"
                            Text="(Tap to enter notes)"
                            IsVisible="{Binding Note, Converter={StaticResource ShowIfEmpty}}"
                            LineBreakMode="WordWrap"
                            HorizontalTextAlignment="Start"/>
                            
                        <Label
                            Grid.Row="1"
                            Grid.Column="2"
                            Margin="0,5,5,5"
                            FontSize="{StaticResource Theme.Text.Small.Size}"
                            FontAttributes="Italic"
                            TextColor="Black"
                            Text="{Binding TagName}"
                            HorizontalTextAlignment="Start"/>
                        
                        <Label
                            Grid.Row="1"
                            Grid.Column="3"
                            Margin="0,5,5,5"
                            FontSize="{StaticResource Theme.Text.Small.Size}"
                            FontAttributes="Italic"
                            TextColor="Black"
                            Text="{Binding Created, StringFormat='{0:dd MMM yy}'}"
                            HorizontalTextAlignment="End"/>
                        

                            
                    </Grid>
                </mobile:MobileCard>
            </ViewCell>
        </DataTemplate>
    </mobile:MobilePage.Resources>
    <mobile:MobilePage.PrimaryMenu>
        <mobile:MobileMenuButton
            Image="plus">
            <mobile:MobileMenuButton.Items>
                <mobile:MobileMenuItem Text="Take Photo" Clicked="TakePhoto_Clicked"/>
                <mobile:MobileMenuItem Text="Browse Library" Clicked="BrowseLibrary_Clicked"/>
            </mobile:MobileMenuButton.Items>
        </mobile:MobileMenuButton>
        
    </mobile:MobilePage.PrimaryMenu>
    
    <mobile:MobilePage.PageContent>
        <mobile:MobileListView
            x:Name="_documents" 
            PullToRefresh="True"
            RefreshRequested="_documents_OnRefreshRequested"
            ShowRecordCount = "True"
            Margin="5"
            ItemTemplate="{StaticResource ImageTemplate}"/>
    </mobile:MobilePage.PageContent>
    
</mobile:MobilePage>