prs/prs.mobile.new/PRS.Mobile/CustomControls/PDFViewer/PDFList.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:ui="clr-namespace:XF.Material.Forms.UI;assembly=XF.Material"
             xmlns:mobile="clr-namespace:InABox.Mobile;assembly=InABox.Mobile.Shared"
             x:Class="PRS.Mobile.PDFList"
             Title="Documents">
    <mobile:MobilePage.Resources>
        <mobile:ByteArrayToImageSourceConverter x:Key="ByteArrayToImageSourceConverter" />
    </mobile:MobilePage.Resources>
    
    <mobile:MobilePage.PrimaryMenu>
        <ImageButton x:Name="_upload" Source="add" Clicked="Upload_Clicked" />
    </mobile:MobilePage.PrimaryMenu>
    
    <mobile:MobilePage.PageContent>
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto" />
                <RowDefinition Height="*" />
            </Grid.RowDefinitions>
            
            <ui:MaterialLabel 
                Grid.Row="0"
                Text="Tap on a file name to open PDF" 
                HorizontalOptions="Center" 
                VerticalOptions="Center" 
                LineBreakMode="WordWrap"
                HorizontalTextAlignment="Center" 
                TypeScale="H6"
            />
            
            <mobile:MobileCollectionView
                x:Name="_documents"
                Grid.Row="1"
                >
                <mobile:MobileCollectionView.ItemTemplate>
                    <DataTemplate x:DataType="local:IDocumentShell">
                        <mobile:MobileCard
                            IsClickable="True"
                            Clicked="PDF_Clicked"
                            IsEnabled="False">
                        
                            <Grid Margin="5" 
                                
                                RowSpacing="0"
                                ColumnSpacing="0">
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="Auto" />
                                    <RowDefinition Height="Auto" />
                                </Grid.RowDefinitions>
                                
                                <Image
                                    Grid.Row="0"
                                    Source="{Binding Thumbnail, Converter={StaticResource ByteArrayToImageSourceConverter}}" 
                                    />
                                
                                <ui:MaterialLabel
                                    Grid.Row="1"
                                    HorizontalOptions="Fill"
                                    HorizontalTextAlignment="Center"
                                    TypeScale="Body2"
                                    Text="{Binding FileName}" />
                                
                            </Grid>
                        </mobile:MobileCard>
                    </DataTemplate>
                </mobile:MobileCollectionView.ItemTemplate>
            </mobile:MobileCollectionView>
            
        </Grid>
        
    </mobile:MobilePage.PageContent>
</mobile:MobilePage>