prs/prs.mobile/comal.timesheets/Modules/Site/SiteITPs/SiteITPs.xaml

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

<timesheets:SitePage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:timesheets="clr-namespace:comal.timesheets"
             xmlns:ui="clr-namespace:XF.Material.Forms.UI;assembly=XF.Material"
             x:Class="comal.timesheets.SiteITPs">
    <timesheets:SitePage.PageContent>
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="*" />
                <RowDefinition Height="Auto" />
            </Grid.RowDefinitions>
            <timesheets:MobileList
                x:Name="_itpareas">
                <timesheets:MobileList.ItemTemplate>
                    <DataTemplate x:DataType="timesheets:JobITPShell">
                        
                        <ui:MaterialCard
                                CornerRadius="5"
                                Elevation="0"
                                HorizontalOptions="FillAndExpand"
                                BorderColor="Silver"
                                Margin="5,0,5,5"
                                BackgroundColor="White"
                                Padding="5"
                                IsClickable="True"
                                Clicked="ITP_Clicked">
                                

                                <Grid 
                                    x:DataType="timesheets:JobITPShell"
                                    RowSpacing="0"
                                    ColumnSpacing="0">
                                                
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="Auto"/>
                                        <RowDefinition Height="Auto"/>
                                    </Grid.RowDefinitions>
                                    
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="Auto"/>
                                        <ColumnDefinition Width="*"/>
                                    </Grid.ColumnDefinitions>
                                
                                    <Image 
                                        Grid.Row="0" 
                                        Grid.Column="0" 
                                        Grid.RowSpan="2"
                                        Margin="5"
                                        Source="forms.png" 
                                        HeightRequest="48" 
                                        WidthRequest="48" 
                                        VerticalOptions="Center" 
                                        HorizontalOptions="Center"/>
                                    
                                    <ui:MaterialLabel 
                                        Grid.Row="0"
                                        Grid.Column="1"
                                        Text="{Binding Code}" 
                                        TypeScale="H6" 
                                        HorizontalOptions="Fill" 
                                        HorizontalTextAlignment="Start" 
                                        VerticalOptions="Fill"
                                        VerticalTextAlignment="Center"
                                        LineHeight="1.0"
                                        Margin="0,5,0,5"/>
                                    
                                    <ui:MaterialLabel 
                                        Grid.Row="1"
                                        Grid.Column="1"
                                        Text="{Binding Description}" 
                                        TypeScale="Body2" 
                                        HorizontalOptions="Fill" 
                                        HorizontalTextAlignment="Start" 
                                        VerticalOptions="Fill"
                                        VerticalTextAlignment="Start"
                                        LineBreakMode="WordWrap"
                                        LineHeight="1.0"
                                        Margin="0"/>
                                    
                                </Grid>

                            
                            </ui:MaterialCard>

                    </DataTemplate>
                </timesheets:MobileList.ItemTemplate>
            </timesheets:MobileList>
        </Grid>
    </timesheets:SitePage.PageContent>
</timesheets:SitePage>