prs/prs.mobile/comal.timesheets/Tasks/TasksList.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.TasksList"
            xmlns:material="clr-namespace:XF.Material.Forms.UI;assembly=XF.Material"
             xmlns:customcontrols="clr-namespace:comal.timesheets.CustomControls"
             material:MaterialNavigationPage.AppBarTitleTextFontSize="16.0"
             
             xmlns:xct="http://xamarin.com/schemas/2020/toolkit"
             Title="Tasks">

    <ContentPage.ToolbarItems>
        <ToolbarItem x:Name="AddTask" Text="Add Task" Clicked="AddTask_Clicked"/>
    </ContentPage.ToolbarItems>

    <ContentPage.Content>
        <Grid Padding="5">
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>
            <Grid Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="3">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="auto"/>
                    <ColumnDefinition Width="auto"/>
                </Grid.ColumnDefinitions>
                <Entry Grid.Column="0" HorizontalOptions="Fill"
                x:Name="searchEnt"  Placeholder="Enter search" TextChanged="SearchEnt_Changed" ReturnType="Search" ClearButtonVisibility="WhileEditing" Margin="2" IsEnabled="False"/>
                <Label Grid.Column="1" 
                       VerticalOptions="Center" VerticalTextAlignment="Center" HorizontalTextAlignment="End" HorizontalOptions="End"
                           Text="Observing" FontAttributes="Bold"/>
                <Switch Grid.Column="2" x:Name="observerSwitch" HorizontalOptions="Start"
                         Toggled="ObserverSwitch_Toggled" IsEnabled="False"/>
            </Grid>
            <Button Grid.Row="1" Grid.Column="0" Clicked="ButtonToDo_Clicked"
                x:Name="buttonToDo" BackgroundColor="#15C7C1" Text="To Do" TextColor="Black"
                    FontAttributes="Bold" CornerRadius="10" Padding="3" BorderColor="Black" BorderWidth="1" Margin="5,5,5,0" HeightRequest="60" FontSize="Medium"/>
            <Button Grid.Row="1" Grid.Column="1" Clicked="ButtonCurrent_Clicked"
                x:Name="buttonCurrent" Text="Current" TextColor="Black"
                    FontAttributes="Bold" CornerRadius="10" Padding="3" BorderColor="Black" BorderWidth="1" Margin="5,5,5,0" HeightRequest="60" FontSize="Medium"/>
            <Button Grid.Row="1" Grid.Column="2" Clicked="ButtonWaiting_Clicked"
                x:Name="buttonWaiting" Text="Waiting" TextColor="Black"
                    FontAttributes="Bold" CornerRadius="10" Padding="3" BorderColor="Black" BorderWidth="1" Margin="5,5,5,0" HeightRequest="60" FontSize="Medium"/>
            <ListView Grid.Row="2" Grid.Column="0" Grid.ColumnSpan="3" CachingStrategy="RecycleElement"
                x:Name="taskListView"  HasUnevenRows="True" BackgroundColor="Transparent" Margin="0,0,0,0">
                <ListView.ItemTemplate>
                    <DataTemplate>
                        <ViewCell Tapped="KanbanList_Tapped" >
                            <Frame Padding="5" BorderColor="Black" Margin="2" CornerRadius="10" BackgroundColor="{Binding Color}"
                                   HasShadow="False">
                                <Grid RowSpacing="0">
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="auto"/>
                                        <RowDefinition Height="auto"/>
                                        <RowDefinition Height="auto"/>
                                    </Grid.RowDefinitions>
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="auto"/>
                                        <ColumnDefinition Width="*"/>
                                        <ColumnDefinition Width="*"/>
                                        <ColumnDefinition Width="*"/>
                                    </Grid.ColumnDefinitions>

                                    <!--row 1-->
                                    <Label Text="{Binding Number}" FontAttributes="Bold"  Grid.Column="0"  Grid.Row="0"/>
                                    <Label Text="{Binding Title}"  Grid.Column="1" Grid.ColumnSpan="2" Grid.Row="0" FontAttributes="Bold"/>
                                    <Label Text="{Binding DueDate, StringFormat='{}{0:dd MMM yy}'}"  Grid.Column="3" Grid.Row="0" FontAttributes="Bold" HorizontalTextAlignment="End"/>

                                    <!--row 2-->
                                    <Label Text="{Binding Summary}"  Grid.Column="0" Grid.ColumnSpan="4" Grid.Row="1" />
                                    <Image x:Name="paperClipXAMLImage" Grid.Row="1" Grid.RowSpan="2" Grid.Column="3" HorizontalOptions="End" Source="{Binding ImagePath}" HeightRequest="30" WidthRequest="30"/>

                                    <!--row 3-->
                                    <Label Text="Allocated by: " Grid.Column="0" Grid.Row="2" />
                                    <Label Text="{Binding ManagerName}"  Grid.Column="1" Grid.ColumnSpan="2" Grid.Row="2" FontAttributes="Bold"/>

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