prs/prs.mobile/comal.timesheets/PurchaseOrderModule.xaml

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:timesheets="clr-namespace:comal.timesheets"
             x:Class="comal.timesheets.PurchaseOrderModule">
    <ContentPage.Content>
        <StackLayout>
            <timesheets:FilterOptionsControl x:Name="filterOptionsControl"/>
            <Frame CornerRadius="10" Padding="3" BorderColor="Black" Margin="5, 2, 5, 2">
                <Grid HorizontalOptions="Center">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*"/>
                        <ColumnDefinition Width="5*"/>
                    </Grid.ColumnDefinitions>
                    <Image Grid.Column="0" 
                        Source="shoppingcart" Aspect="AspectFit" HeightRequest="40" HorizontalOptions="End"/>
                    <Label Grid.Column="1" 
                            x:Name="listCountLbl" Text="Number of items in list: " HorizontalOptions="Start" 
                           FontSize="Medium" FontAttributes="Bold" TextColor="#9f4576"
                           VerticalOptions="Center"/>
                </Grid>
            </Frame>
            <Entry x:Name="searchEnt" Placeholder="Search" TextChanged="SearchEnt_Changed"
                    Margin="5"/>
            <ListView x:Name="purchaseOrderListView" HasUnevenRows="True">
                <ListView.ItemTemplate>
                    <DataTemplate>
                        <ViewCell Tapped="PurchaseOrder_Clicked">
                            <Frame BorderColor="#15C7C1" Margin="2" CornerRadius="10" Padding="3">
                                <Grid>
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="auto"/>
                                        <RowDefinition Height="auto"/>
                                        <RowDefinition Height="auto"/>
                                    </Grid.RowDefinitions>
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="*"/>
                                        <ColumnDefinition Width="*"/>
                                    </Grid.ColumnDefinitions>

                                    <Label  Grid.Row="0" Grid.Column="0" TextColor="#9f4576"
                                        HorizontalOptions="Start" VerticalOptions="Center"
                                        Text="{Binding PONumber}" FontAttributes="Bold" FontSize="Medium" Margin="2"/>

                                    <Label  Grid.Row="1" Grid.Column="0"
                                        HorizontalOptions="Start" VerticalOptions="Center"
                                        Text="{Binding SupplierName}" FontSize="Medium" Margin="2"/>

                                    <Label  Grid.Row="0" Grid.Column="1"
                                        HorizontalOptions="End" VerticalOptions="Center"
                                        Text="{Binding DueDate}" FontSize="Medium" Margin="2"/>

                                    <Label  Grid.Row="1" Grid.Column="1"
                                        HorizontalOptions="End" VerticalOptions="Center"
                                        Text="{Binding Status}" FontSize="Medium" Margin="2"/>

                                    <Label  Grid.Row="2" Grid.Column="0" Grid.ColumnSpan="2"
                                        HorizontalOptions="Start" VerticalOptions="Center"
                                        Text="{Binding Notes}" FontSize="Small" Margin="2"/>
                                </Grid>

                            </Frame>
                        </ViewCell>
                    </DataTemplate>
                </ListView.ItemTemplate>
            </ListView>
        </StackLayout>
    </ContentPage.Content>
</ContentPage>