prs/prs.mobile/comal.timesheets/Modules/Notifications/NotificationList.xaml

<?xml version="1.0" encoding="utf-8" ?>
<timesheets:BasePage xmlns:timesheets="clr-namespace:comal.timesheets" xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
               x:Class="comal.timesheets.NotificationList"
             Title="Notifications">
    <timesheets:BasePage.ActionButtons>
        <ImageButton Source="tick" Clicked="DismissAll_Clicked"/>
    </timesheets:BasePage.ActionButtons>
    <timesheets:BasePage.PageContent>
        <StackLayout>
            <Grid Margin="5">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="3*"/>
                    <ColumnDefinition Width="2*"/>
                </Grid.ColumnDefinitions>
                <Label Grid.Column="0" x:Name="numberOfItemsLbl" Margin="5,0, 0, 0"
                       Text="Number of items: 0" LineBreakMode="WordWrap" HorizontalOptions="Start" VerticalOptions="Center" FontAttributes="Bold" FontSize="Medium"/>
                <Button Grid.Column="1" Clicked="New_Clicked" Margin="0,0, 5, 0"
                        Text="New" BackgroundColor="#15C7C1" CornerRadius="10" TextColor="White" VerticalOptions="Center" HorizontalOptions="FillAndExpand"/>
            </Grid>
            <ListView x:Name="notificationListView" HasUnevenRows="True" BackgroundColor="Transparent" Margin="0,0,0,0">
                <ListView.ItemTemplate>
                    <DataTemplate>
                        <ViewCell Tapped="NotificationListView_Tapped">
                            <Frame Padding="5" BorderColor="#15C7C1" Margin="1" CornerRadius="10" HasShadow="False">
                                <StackLayout Orientation="Vertical">

                                    <Grid >
                                        <Grid.ColumnDefinitions>
                                            <ColumnDefinition Width="30"/>
                                            <ColumnDefinition Width="*"/>
                                            <ColumnDefinition Width="Auto"/>
                                            <ColumnDefinition Width="Auto"/>
                                        </Grid.ColumnDefinitions>
                                        <Image Grid.Column="0" Source="user.png" HeightRequest="30" WidthRequest="30"/>
                                        <Label Grid.Column="1" VerticalOptions="Center"
                                                Text="{Binding Sender}" FontAttributes="Bold"  FontSize="Medium" TextColor="#873260"/>
                                        <Label  Grid.Column="2"
                                                Text="{Binding Created, StringFormat='{}{0:dd MMM yy}'}" FontAttributes="Bold" HorizontalTextAlignment="End"/>
                                        <Image Grid.Column="3" Source="paperclip.png" HeightRequest="30" WidthRequest="30" IsVisible="{Binding ImageVisible}"
                                               VerticalOptions="Center" HorizontalOptions="Center"/>
                                    </Grid>
                                    
                                    <Label LineBreakMode="WordWrap" MaxLines="2"
                                            Text="{Binding Title}" FontAttributes="Bold"/>
                                    
                                    <Label LineBreakMode="WordWrap" Text="{Binding Description}" MaxLines="3"/>

                                </StackLayout>
                            </Frame>
                        </ViewCell>
                    </DataTemplate>
                </ListView.ItemTemplate>
            </ListView>
        </StackLayout>
    </timesheets:BasePage.PageContent>
</timesheets:BasePage>