prs/prs.mobile.new/PRS.Mobile/CustomControls/Selection Screens/GenericSelectionPage.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:material="clr-namespace:XF.Material.Forms.UI;assembly=XF.Material"
    xmlns:mobile="clr-namespace:InABox.Mobile;assembly=InABox.Mobile.Shared"
    xmlns:local="clr-namespace:PRS.Mobile;assembly=PRS.Mobile"
    x:Class="PRS.Mobile.GenericSelectionPage">
    <mobile:MobilePage.Resources>
        <local:SelectionViewModelImageHeightConverter x:Key="HeightConverter" Value="200" />
    </mobile:MobilePage.Resources>
    <mobile:MobilePage.PageContent>
        <Grid Margin="5">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
            <mobile:MobileSearchBar Grid.Row="0" Grid.Column="0" TextChanged="MobileSearchBar_OnTextChanged" />
            <Frame BorderColor="Gray" Grid.Row="1" Grid.Column="0" CornerRadius="5" HasShadow="false" BackgroundColor="WhiteSmoke" Padding="0" VerticalOptions="FillAndExpand">
                <ListView x:Name="_list" VerticalOptions="FillAndExpand" Margin="1" ItemSelected="Item_Selected" HasUnevenRows="True" BackgroundColor="WhiteSmoke" SeparatorVisibility="None">
                    <ListView.ItemTemplate>
                        <DataTemplate x:DataType="local:SelectionViewModelItem">
                            <ViewCell>
                                <Grid BackgroundColor="WhiteSmoke" RowSpacing="0" >
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="*" />
                                    </Grid.ColumnDefinitions>
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="Auto"/>
                                        <RowDefinition Height="{Binding Image, Converter={StaticResource HeightConverter}}" />
                                        <RowDefinition Height="0.75" />
                                    </Grid.RowDefinitions>
                                    <Label Text="{Binding Display}" VerticalTextAlignment="Center" Margin="5" HorizontalTextAlignment="Center" TextColor="Black" FontSize="Small"/>
                                    <Image Source="{Binding Image}" Grid.Row="1" Margin="0,0,0,5" />
                                    <Line BackgroundColor="Gray" HorizontalOptions="Fill" VerticalOptions="Fill" Grid.Row="2" />
                                </Grid>
                            </ViewCell>
                        </DataTemplate>
                    </ListView.ItemTemplate>
                </ListView>
            </Frame>
        </Grid>
    </mobile:MobilePage.PageContent>
</mobile:MobilePage>