inabox/InABox.Mobile/InABox.Mobile.Shared/Components/MobileModuleList/MobileModuleList.xaml

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

<ContentView 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="InABox.Mobile.MobileModuleList" >
    <ContentView.Content>
        <mobile:MobileList 
            x:Name="Modules" 
            BackgroundColor="Transparent">
            <mobile:MobileList.ItemTemplate>
                <DataTemplate x:DataType="mobile:MobileModuleItem">
                    
                    <mobile:MobileCard
                        HorizontalOptions="FillAndExpand"
                        BorderColor="{Binding BorderColor}"  
                        Margin="0,0,0,5" 
                        BackgroundColor="{Binding BackgroundColor}"
                        Padding="5" 
                        HeightRequest="110"
                        Clicked="Module_Clicked"
                        IsEnabled="{Binding IsEnabled}">
                        <mobile:MobileCard.Triggers>
                            <DataTrigger TargetType="mobile:MobileCard" Binding="{Binding IsEnabled}" Value="False">
                                <Setter Property="BackgroundColor" Value="Silver" />
                            </DataTrigger>
                            <DataTrigger TargetType="mobile:MobileCard" Binding="{Binding IsEnabled}" Value="False">
                                <Setter Property="BorderColor" Value="Gray" />
                            </DataTrigger>
                        </mobile:MobileCard.Triggers>

                        <Grid RowSpacing="0">
                            
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto"/>
                                <ColumnDefinition Width="*"/>
                            </Grid.ColumnDefinitions>
                            
                            <Grid.RowDefinitions>
                                <RowDefinition Height="0.8*"/>
                                <RowDefinition Height="1.2*"/>
                            </Grid.RowDefinitions>
                            
                            <Image 
                                Source="{Binding Thumbnail}" 
                                Grid.Row="0" 
                                Grid.Column="0" 
                                Grid.RowSpan="2" 
                                Margin="10"/>
                            
                            <ui:MaterialLabel 
                                Text="{Binding Header}" 
                                Grid.Row="0" 
                                Grid.Column="1" 
                                HorizontalTextAlignment="Start" 
                                VerticalTextAlignment="End" 
                                TypeScale="H6"
                                TextColor="{Binding TextColor}">
                                <ui:MaterialLabel.Triggers>
                                    <DataTrigger TargetType="ui:MaterialLabel" Binding="{Binding IsEnabled}" Value="False">
                                        <Setter Property="TextColor" Value="Gray" />
                                    </DataTrigger>
                                </ui:MaterialLabel.Triggers>
                            </ui:MaterialLabel>
                            
                            <ui:MaterialLabel 
                                Text="{Binding Description}" 
                                Grid.Row="1" 
                                Grid.Column="1" 
                                HorizontalTextAlignment="Start" 
                                VerticalTextAlignment="Center" 
                                TypeScale="Body1" 
                                LineBreakMode="WordWrap"
                                TextColor="{Binding TextColor}">
                                <ui:MaterialLabel.Triggers>
                                    <DataTrigger TargetType="ui:MaterialLabel" Binding="{Binding IsEnabled}" Value="False">
                                        <Setter Property="TextColor" Value="Gray" />
                                    </DataTrigger>
                                </ui:MaterialLabel.Triggers>
                            </ui:MaterialLabel>
                            
                        </Grid>
                        
                    </mobile:MobileCard>

                </DataTemplate>
                
            </mobile:MobileList.ItemTemplate>
            
        </mobile:MobileList>
    </ContentView.Content>
</ContentView>