prs/prs.mobile.new/PRS.Mobile/Components/DigitalForms/Editor/CustomUserControls/MultiSignaturePad.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:mobile="clr-namespace:InABox.Mobile;assembly=InABox.Mobile.Shared"
             x:Class="PRS.Mobile.MultiSignaturePad">
    <mobile:MobilePage.PrimaryMenu>
        <ImageButton Source="next" Clicked="Save_Clicked"/>
    </mobile:MobilePage.PrimaryMenu>
    <mobile:MobilePage.PageContent>
        <StackLayout VerticalOptions="FillAndExpand" x:Name="fixedStackLayout" Padding="0" Spacing="0">
            <Label Text="Add Multiple Signatures" FontSize="Medium" VerticalOptions="Center" HorizontalOptions="Center" FontAttributes="Bold"/>
            <Label Text="Each signature must also have a unique (non-duplicate) name"  VerticalOptions="Center" HorizontalOptions="Center"/>
            <Grid RowSpacing="0" ColumnSpacing="0">
                <Grid.RowDefinitions>
                    <RowDefinition Height="55"/>
                    <RowDefinition Height="*"/>
                </Grid.RowDefinitions>
                
                <!--Row 0 -->
                <Grid Grid.Row="0" ColumnSpacing="0" RowSpacing="0">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*"/>
                        <ColumnDefinition Width="*"/>
                    </Grid.ColumnDefinitions>
                    <Button Grid.Column="0" Text="Add Signature" FontSize="Medium" Clicked="AddSignature_Clicked" Margin="5, 5 , 2.5 , 5"
                        VerticalOptions="Center" BackgroundColor="#15C7C1" TextColor="White" CornerRadius="10"
                        HorizontalOptions="FillAndExpand"/>
                    <Button Grid.Column="1" Text="Populate Names" FontSize="Medium" Clicked="PopulateNames_Clicked" Margin="2.5, 5 , 4 , 5"
                        VerticalOptions="Center" BackgroundColor="#15C7C1" TextColor="White" CornerRadius="10"
                        HorizontalOptions="FillAndExpand"/>
                </Grid>

                
                <!--Row 1 -->
                <ScrollView Grid.Row="1" Margin="5, 0, 0, 0" VerticalScrollBarVisibility="Always"
                    VerticalOptions="FillAndExpand" x:Name="scrollView">
                    <Grid VerticalOptions="FillAndExpand">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*"/>
                            <ColumnDefinition Width="45"/>
                        </Grid.ColumnDefinitions>

                        <StackLayout Grid.Column="0"
                        VerticalOptions="FillAndExpand" x:Name="stackLayout"/>

                        <Grid Grid.Column="1" VerticalOptions="FillAndExpand">
                            <Grid.RowDefinitions>
                                <RowDefinition Height="45"/>
                                <RowDefinition Height="*"/>
                                <RowDefinition Height="45"/>
                            </Grid.RowDefinitions>
                            <Image Grid.Row="0" Source="scrollupp">
                            </Image>
                            <Rectangle Grid.Row="1" BackgroundColor="LightGray" VerticalOptions="FillAndExpand" Margin="0,0,5,0"/>
                            <Image Grid.Row="2" Source="scrolldownn">
                                <Image.GestureRecognizers>
                                    <TapGestureRecognizer Tapped="Scrolldown_Tapped"/>
                                </Image.GestureRecognizers>
                            </Image>
                        </Grid>
                    </Grid>
                </ScrollView>



            </Grid>


        </StackLayout>
    </mobile:MobilePage.PageContent>
</mobile:MobilePage>