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"
             x:Class="InABox.Mobile.MobileModuleList" >
    <ContentView.Content>
        <ListView 
            x:Name="Modules" 
            RowHeight="110" 
            SeparatorVisibility="None"
            BackgroundColor="Transparent">
            <ListView.ItemTemplate>
                <DataTemplate>
                    <ViewCell>
                        <ViewCell.View>
                            <ContentView>
                                <ui:MaterialCard
                                    CornerRadius="5"
                                    Elevation="0"
                                    HorizontalOptions="FillAndExpand"
                                    BorderColor="{Binding BorderColor}"  
                                    Margin="0,0,0,5" 
                                    BackgroundColor="{Binding BackgroundColor}"
                                    Padding="5" 
                                    Clicked="MaterialCard_OnClicked"
                                    IsEnabled="{Binding IsEnabled}"
                                    IsClickable="{Binding IsEnabled}"
                                    >
                                    <ui:MaterialCard.Triggers>
                                        <DataTrigger TargetType="ui:MaterialCard" Binding="{Binding IsEnabled}" Value="False">
                                            <Setter Property="BackgroundColor" Value="Silver" />
                                        </DataTrigger>
                                        <DataTrigger TargetType="ui:MaterialCard" Binding="{Binding IsEnabled}" Value="False">
                                            <Setter Property="BorderColor" Value="Gray" />
                                        </DataTrigger>
                                    </ui:MaterialCard.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>
                                </ui:MaterialCard>
                            </ContentView>
                        </ViewCell.View>
                    </ViewCell>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>
    </ContentView.Content>
</ContentView>