prs/prs.mobile/comal.timesheets/PurchaseOrderDetails.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"
             x:Class="comal.timesheets.PurchaseOrderDetails">

    <NavigationPage.TitleView>
        <Grid Margin="0" Padding="0">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>
            <Button Grid.Column="0" HorizontalOptions="Start" VerticalOptions="Center" TextColor="White" BackgroundColor="Transparent" Margin="0" Padding="0"
                Text="Exit" Clicked="ExitBtn_Clicked"/>
            <Label Grid.Column="1"  Text="PO Details" VerticalOptions="Center" x:Name="titleLbl"
                   HorizontalOptions="Center" HorizontalTextAlignment="Center" TextColor="White" FontSize="Medium" FontAttributes="Bold"/>
            <!--<Button Grid.Column="2" HorizontalOptions="End" VerticalOptions="Center" TextColor="White" BackgroundColor="Transparent" Margin="0" Padding="0"
                Text="Save" Clicked="SaveBtn_Clicked"/>-->
        </Grid>
    </NavigationPage.TitleView>

    <ContentPage.Content>
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="40"/>
                <RowDefinition Height="40"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>

            <Entry Grid.Row="0" x:Name="searchEnt" HorizontalOptions="FillAndExpand" VerticalOptions="Center" Placeholder="Search" HorizontalTextAlignment="Start"/>

            <Grid Grid.Row="1">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="0.7*"/>
                    <ColumnDefinition Width="2*"/>
                    <ColumnDefinition Width="0.7*"/>
                    <ColumnDefinition Width="*"/>
                </Grid.ColumnDefinitions>

                <Frame Grid.Column="0" CornerRadius="3" BorderColor="#a2006d" Padding="1" Margin="2, 1, 1, 1">
                    <Label HorizontalOptions="Center" Text="Job" VerticalOptions="Center" Margin="1"/>
                </Frame>

                <Frame Grid.Column="1" CornerRadius="3" BorderColor="#a2006d" Padding="1" Margin="1">
                    <Label HorizontalOptions="Center" Text="Description" VerticalOptions="Center" Margin="1"/>
                </Frame>

                <Frame Grid.Column="2" CornerRadius="3" BorderColor="#a2006d" Padding="1" Margin="1">
                    <Label HorizontalOptions="Center" Text="Qty" VerticalOptions="Center" Margin="1"/>
                </Frame>

                <Frame Grid.Column="3" CornerRadius="3" BorderColor="#a2006d" Padding="1" Margin="1, 1, 1, 2">
                    <Label HorizontalOptions="Center" Text="Rec" VerticalOptions="Center" Margin="1"/>
                </Frame>
            </Grid>

            <Frame Grid.Row="2" CornerRadius="3" BorderColor="#a2006d" Padding="1" Margin="2">

                <ListView x:Name="purchaseOrderItemListView" HasUnevenRows="True">
                    <ListView.ItemTemplate>
                        <DataTemplate>
                            <ViewCell Tapped="PoItem_Tapped">
                                <Grid RowSpacing="0" ColumnSpacing="0">
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="auto"/>
                                        <RowDefinition Height="{Binding RequiRowHeight}"/>
                                    </Grid.RowDefinitions>

                                    <Grid Grid.Row="0">
                                        <Grid.ColumnDefinitions>
                                            <ColumnDefinition Width="0.7*"/>
                                            <ColumnDefinition Width="2*"/>
                                            <ColumnDefinition Width="0.7*"/>
                                            <ColumnDefinition Width="*"/>
                                        </Grid.ColumnDefinitions>

                                        <Label Grid.Column="0" HorizontalOptions="Start" Text="{Binding JobNumber}" VerticalOptions="Center" Margin="10, 1, 1, 1"/>
                                        <Label Grid.Column="1" HorizontalOptions="Start" Text="{Binding Description}" VerticalOptions="Center" Margin="10, 1, 1, 1"/>
                                        <Label Grid.Column="2" HorizontalOptions="Center" Text="{Binding Qty}" VerticalOptions="Center" Margin="10, 1, 1, 1"/>
                                        <Label Grid.Column="3" HorizontalOptions="Start" Text="{Binding ReceivedDate}" VerticalOptions="Center" Margin="10, 1, 1, 1"/>
                                    </Grid>

                                    <Grid Grid.Row="1" IsVisible="{Binding RequiVisible}" RowSpacing="0">
                                        <Grid.RowDefinitions>
                                            <RowDefinition Height="30"/>
                                            <RowDefinition Height="auto"/>
                                        </Grid.RowDefinitions>

                                        <Label Grid.Row="0" Text="Requi Details:" FontAttributes="Bold" TextColor="#873260" HorizontalOptions="Center" VerticalOptions="Center" HorizontalTextAlignment="Center"/>

                                        <Grid Grid.Row="1" RowSpacing="0">
                                            <Grid.ColumnDefinitions>
                                                <ColumnDefinition Width="0.7*"/>
                                                <ColumnDefinition Width="2*"/>
                                                <ColumnDefinition Width="0.7*"/>
                                                <ColumnDefinition Width="*"/>
                                            </Grid.ColumnDefinitions>

                                            <Label Grid.Column="0" HorizontalOptions="Start" Text="{Binding RequiNumber}" FontAttributes="Bold" VerticalOptions="Center" Margin="10, 1, 1, 1"/>
                                            <Label Grid.Column="1" HorizontalOptions="Start" Text="{Binding ProductCode}" VerticalOptions="Center" Margin="10, 1, 1, 1"/>
                                            <Label Grid.Column="2" HorizontalOptions="Center" Text="{Binding RequiQty}" VerticalOptions="Center" Margin="10, 1, 1, 1"/>
                                            <Label Grid.Column="3" HorizontalOptions="Start" Text="{Binding ReceivedDate}" VerticalOptions="Center" Margin="10, 1, 1, 1"/>
                                        </Grid>
                                    </Grid>

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