prs/prs.mobile.new/PRS.Mobile/Modules/Notifications/NewReplyNotification.xaml

<?xml version="1.0" encoding="utf-8" ?>
<mobile:MobilePage xmlns:local="clr-namespace:PRS.Mobile" 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"
             xmlns:mobile="clr-namespace:InABox.Mobile;assembly=InABox.Mobile.Shared"
             x:Class="PRS.Mobile.NewReplyNotification"
             Title="New Message">
    
    <mobile:MobilePage.PrimaryMenu>
        <mobile:MobileMenuButton
            x:Name="_send"
            Image="tick"
            Clicked="_send_OnClicked"/>
            
    </mobile:MobilePage.PrimaryMenu>
    <mobile:MobilePage.PageContent>
        <StackLayout>
            <ScrollView>
                <StackLayout Orientation="Vertical"  VerticalOptions="StartAndExpand" Padding="5">
                    
                    <!--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="Notification 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>
    </mobile:MobilePage.PageContent>
</mobile:MobilePage>