prs/prs.mobile/comal.timesheets/Modules/Notifications/NewReplyNotification.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" xmlns:material="clr-namespace:XF.Material.Forms.UI;assembly=XF.Material"
             x:Class="comal.timesheets.NewReplyNotification">
    <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="Message" VerticalOptions="Center" 
                   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="Send" Clicked="SendBtn_Clicked"/>
        </Grid>
    </NavigationPage.TitleView>
    <timesheets:BasePage.PageContent>
        <StackLayout>
            <ScrollView>
                <StackLayout Orientation="Vertical"  VerticalOptions="StartAndExpand" Padding="5">

                    <!--Row 0 Title-->
                    <Frame HasShadow="False" BorderColor="Gray" Padding="10" >
                        <material:MaterialLabel x:Name="titleLbl" Text="New Notification" TypeScale="H6" HorizontalTextAlignment="Center" Margin="5"  HorizontalOptions="Center"/>
                    </Frame>

                    <!--Row 1 Recipient-->
                    <material:MaterialLabel Text="Recipient" TypeScale="H6" HorizontalTextAlignment="Start" Margin="5" />

                    <Frame HasShadow="False" Padding="10" BorderColor="#15C7C1">
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="auto"/>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="auto"/>
                            </Grid.ColumnDefinitions>
                            <Label Grid.Column="0" Text="To:" FontSize="Medium" FontAttributes="Bold" Margin="5" VerticalOptions="Center"/>
                            <Label Grid.Column="1" x:Name="recipientNameLbl" LineBreakMode="WordWrap"  VerticalOptions="Center" FontSize="Medium" FontAttributes="Bold" Margin="2"/>
                            <Button Grid.Column="2" x:Name="selectRecipientBtn" Clicked="SelectRecipientBtn_Clicked" Text="Select" Padding="3" FontSize="Medium" TextColor="White" BackgroundColor="#15C7C1" FontAttributes="Bold" Margin="2" CornerRadius="5" MinimumHeightRequest="40"/>
                        </Grid>
                    </Frame>

                    <!--Row 2 Notification Title-->
                    <material:MaterialLabel Text="Notificiation Title" TypeScale="H6" HorizontalTextAlignment="Start" Margin="5" />

                    <Frame x:Name="notificationTitleFrame" HasShadow="False" BorderColor="#15C7C1" Padding="10">
                        <Editor x:Name="titleEdt" AutoSize="TextChanges" TextChanged="TitleEdt_Changed"/>
                    </Frame>

                    <!--Row 3 Description-->
                    <material:MaterialLabel Text="Description" TypeScale="H6" HorizontalTextAlignment="Start" Margin="5"/>

                    <Frame HasShadow="False" Padding="10" BorderColor="#15C7C1">
                        <Editor x:Name="descriptionEdt" AutoSize="TextChanges" TextChanged="DescriptionEdt_Changed"/>
                    </Frame>
                </StackLayout>
            </ScrollView>
            <!--Row 4 Photos-->
            <material:MaterialLabel x:Name="photosLbl" Text="Photos" TypeScale="H6" HorizontalTextAlignment="Start" Margin="5"/>

            <Frame HasShadow="False" Padding="10" BorderColor="#15C7C1" x:Name="photosFrame" Margin="5">
                <StackLayout Orientation="Vertical">
                    <Label Text="Tap on photo to view / delete" HorizontalOptions="Center" VerticalOptions="Center"/>
                    <ScrollView Orientation="Horizontal" x:Name="ImageScroller">
                        <StackLayout x:Name="images" Orientation="Horizontal" HeightRequest="150" HorizontalOptions="StartAndExpand" VerticalOptions="Fill"/>
                    </ScrollView>
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*"/>
                            <ColumnDefinition Width="*"/>
                        </Grid.ColumnDefinitions>
                        <Button x:Name="TakePhoto" Grid.Column="0" Text="Camera" Clicked="TakePhoto_Clicked" Padding="3" FontSize="Medium" TextColor="White" BackgroundColor="#15C7C1" FontAttributes="Bold"/>
                        <Button x:Name="ChooseImage" Grid.Column="1" Text="Library" Clicked="ChooseImage_Clicked" Padding="3" FontSize="Medium" TextColor="White" BackgroundColor="#15C7C1" FontAttributes="Bold"/>
                    </Grid>
                </StackLayout>
            </Frame>
        </StackLayout>
    </timesheets:BasePage.PageContent>
</timesheets:BasePage>