prs/prs.mobile/comal.timesheets/NotificationsManager/NotificationList.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.NotificationList"
             Title="Notifications">
    <ContentPage.ToolbarItems>
        <ToolbarItem Text="Dismiss All" Clicked="DismissAll_Clicked"/>
    </ContentPage.ToolbarItems>
    <ContentPage.Content>
        <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">
                                <Grid RowSpacing="0">
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="auto"/>
                                        <RowDefinition Height="auto"/>
                                        <RowDefinition Height="auto"/>
                                    </Grid.RowDefinitions>
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="*"/>
                                        <ColumnDefinition Width="auto"/>
                                        <ColumnDefinition Width="{Binding ImageColumnWidth}"/>
                                    </Grid.ColumnDefinitions>

                                    <!--row 1-->
                                    <Grid Grid.Column="0"  Grid.Row="0">
                                        <Grid.ColumnDefinitions>
                                            <ColumnDefinition Width="30"/>
                                            <ColumnDefinition Width="*"/>
                                        </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"/>
                                    </Grid>

                                    <Label  Grid.Row="0" Grid.Column="1" Grid.ColumnSpan="{Binding CreatedColumnSpan}"
                                            Text="{Binding Created, StringFormat='{}{0:dd MMM yy}'}" FontAttributes="Bold" HorizontalTextAlignment="End"/>

                                    <!--row 2-->
                                    <Label  Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2" LineBreakMode="WordWrap" MaxLines="2"
                                            Text="{Binding Title}" FontAttributes="Bold"/>

                                    <!--row 3-->
                                    <Label Grid.Row="2" Grid.Column="0" Grid.ColumnSpan="2"  
                                           LineBreakMode="WordWrap" Text="{Binding Description}" MaxLines="3"/>

                                    <!--image column-->
                                    <Image Grid.Row="2" Grid.Column="2" Source="paperclip.png" HeightRequest="30" WidthRequest="30" IsVisible="{Binding ImageVisible}"
                                           VerticalOptions="Center" HorizontalOptions="Center"/>
                                </Grid>
                            </Frame>
                        </ViewCell>
                    </DataTemplate>
                </ListView.ItemTemplate>
            </ListView>
        </StackLayout>
    </ContentPage.Content>
</ContentPage>