kmpdfkit_demo/Demo/Examples/Compdfkit_Tools/DigitalSignature/FillDigitalSignatureControl/FillDigitalSignatureControl.xaml

<UserControl x:Class="Compdfkit_Tools.PDFControl.FillDigitalSignatureControl"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:Compdfkit_Tools.PDFControl"
             mc:Ignorable="d" 
             d:DesignHeight="530" d:DesignWidth="630" 
             Width="630" Height="530">
    <UserControl.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="../../Asset/Styles/ToggleButtonStyle.xaml"></ResourceDictionary>
                <ResourceDictionary Source="../../Asset/Styles/ButtonStyle.xaml"></ResourceDictionary>
                <ResourceDictionary Source="../../Asset/Styles/ComboBoxStyle.xaml"></ResourceDictionary>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </UserControl.Resources>
    <Grid>
        <Grid Name="MainGrid" Background="White">
            
            <Grid.RowDefinitions>
                <RowDefinition Height="auto"></RowDefinition>
                <RowDefinition Height="auto"></RowDefinition>
                <RowDefinition Height="auto"></RowDefinition>
                <RowDefinition Height="30"></RowDefinition>
                <RowDefinition Height="auto"></RowDefinition>
                <RowDefinition Height="auto"></RowDefinition>
                <RowDefinition Height="auto"></RowDefinition>
            </Grid.RowDefinitions>
            
            <TextBlock FontSize="14" Margin="25,16,0,0">Customized Appearance</TextBlock>
            
            <Button HorizontalAlignment="Right" Margin="0,8,10,0" Style="{StaticResource LightButtonStyle}" BorderThickness="0"
              Background="White" Width="24" Height="24">
                <Button.Content>
                    <Path Fill="#43474D" Width="16" Height="16">
                        <Path.Data>
                            M12.6466 13.2531L13.0001 13.6066L13.7072 12.8995L13.3537 12.546L8.7072 7.8995L13.2532 3.35352L13.6067 2.99997L12.8996 
                      2.29286L12.5461 2.64642L8.00009 7.19239L3.45418 2.64648L3.10063 2.29292L2.39352 3.00003L2.74708 3.35358L7.29299 
                      7.8995L2.64657 12.5459L2.29302 12.8995L3.00013 13.6066L3.35368 13.253L8.0001 8.6066L12.6466 13.2531Z
                        </Path.Data>
                    </Path>
                </Button.Content>
            </Button>

            <Grid Grid.Row="1" Width="314" HorizontalAlignment="Center" Margin="0,20,0,1">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="91"></ColumnDefinition>
                    <ColumnDefinition Width="87"></ColumnDefinition>
                    <ColumnDefinition Width="68"></ColumnDefinition>
                    <ColumnDefinition Width="68"></ColumnDefinition>
                </Grid.ColumnDefinitions>

                <Grid>
                    <Border Name="KeyboardBorder" Background="White" Padding="0,0,0,5" BorderBrush="#4982E6" Width="75"
                      MouseDown="Border_MouseDown" Tag="Keyboard">
                        <TextBlock FontSize="16">Keyboard</TextBlock>
                    </Border>
                </Grid>

                <Grid Grid.Column="1">
                    <Border Name="TrackpadBorder" Background="White" Padding="0,0,0,5" BorderBrush="#4982E6" Width="72"
                      MouseDown="Border_MouseDown" Tag="Trackpad">
                        <TextBlock FontSize="16">Trackpad</TextBlock>
                    </Border>
                </Grid>

                <Grid Grid.Column="2">
                    <Border Name="ImageBorder" Background="White" Padding="0,0,0,5" BorderBrush="#4982E6" Width="52"
                      MouseDown="Border_MouseDown" Tag="Image">
                        <TextBlock FontSize="16">Image</TextBlock>
                    </Border>
                </Grid>

                <Grid Grid.Column="3">
                    <Border Name="NoneBorder" Background="White" Padding="0,0,0,5" BorderBrush="#4982E6" Width="43"
                      MouseDown="Border_MouseDown" Tag="None">
                        <TextBlock FontSize="16">None</TextBlock>
                    </Border>
                </Grid>
            </Grid>

            <Canvas Grid.Row="2" Width="580" Height="187" Background="#F4F7FF">

            </Canvas>

            <StackPanel Grid.Row="3" Name="ImagePickPanel" HorizontalAlignment="Right" Orientation="Horizontal" Margin="0,6,30,0"
                        Visibility="Hidden">
                <TextBlock Foreground="Blue">Browse</TextBlock>
                <TextBlock Margin="10,0,0,0" Foreground="Blue">Clear</TextBlock>
            </StackPanel>

            <Grid Grid.Row="4" Margin="25,0,25,0">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"></ColumnDefinition>
                    <ColumnDefinition Width="auto"></ColumnDefinition>
                </Grid.ColumnDefinitions>
                <TextBlock FontSize="14" Margin="0,3,0,0">Contains Text</TextBlock>
                <StackPanel Grid.Column="1" Orientation="Horizontal">
                    <TextBlock FontSize="14" VerticalAlignment="Center" Margin="0,0,8,0">Text Direction</TextBlock>
                    <ToggleButton Name="TextAlignLeftBtn" Style="{StaticResource ToggleButtonStyle}" BorderThickness="0" Width="73" Height="30" 
                            IsChecked="True" Click="TextAlignBtn_Click">
                        <Path Fill="Black">
                            <Path.Data>
                                M13 4V3H0V4H13ZM16 8V7H0V8H16ZM10 11V12H0V11H10Z
                            </Path.Data>
                        </Path>
                    </ToggleButton>
                    <ToggleButton Name="TextAlignRightBtn" Style="{StaticResource ToggleButtonStyle}" BorderThickness="0" Width="73" Height="30"
                            Click="TextAlignBtn_Click">
                        <Path Fill="Black">
                            <Path.Data>
                                M16 4V3H3.00079V4H16ZM16 8V7H0.000976562V8H16ZM16 11V12H6.00061V11H16Z
                            </Path.Data>
                        </Path>
                    </ToggleButton>
                </StackPanel>
            </Grid>

            <Grid Grid.Row="5" Margin="25,10,0,0" Width="320" HorizontalAlignment="Left">
                <Grid.RowDefinitions>
                    <RowDefinition Height="32"></RowDefinition>
                    <RowDefinition Height="32"></RowDefinition>
                    <RowDefinition Height="32"></RowDefinition>
                    <RowDefinition Height="32"></RowDefinition>
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="auto"></ColumnDefinition>
                    <ColumnDefinition Width="*"></ColumnDefinition>
                    <ColumnDefinition Width="auto"></ColumnDefinition>
                </Grid.ColumnDefinitions>

                <CheckBox FontSize="14">Name</CheckBox>
                <CheckBox FontSize="14" Grid.Row="1">Date</CheckBox>
                <CheckBox FontSize="14" Grid.Row="2">Logo</CheckBox>
                <CheckBox FontSize="14" Grid.Row="3">Reason</CheckBox>

                <CheckBox FontSize="14" Grid.Column="2">Distinguishable name</CheckBox>
                <CheckBox FontSize="14" Grid.Column="2" Grid.Row="1">ComPDFKit Versions</CheckBox>
                <CheckBox FontSize="14" Grid.Column="2" Grid.Row="2">Position</CheckBox>
                <CheckBox FontSize="14" Grid.Column="2" Grid.Row="3">Tab</CheckBox>

            </Grid>

            <Grid Grid.Row="6" Margin="25,10,0,0">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="auto"></ColumnDefinition>
                    <ColumnDefinition Width="auto"></ColumnDefinition>
                    <ColumnDefinition Width="*"></ColumnDefinition>
                    <ColumnDefinition Width="auto"></ColumnDefinition>
                    <ColumnDefinition Width="auto"></ColumnDefinition>
                </Grid.ColumnDefinitions>

                <TextBlock Foreground="#43474D" FontSize="14" VerticalAlignment="Center">Present name</TextBlock>
                <TextBox Grid.Column="1" Width="250" Height="30" Margin="10,0,0,0" VerticalContentAlignment="Center"></TextBox>

                <Button Grid.Column="3" Height="32" Width="82" Style="{StaticResource LightButtonStyle}"
                        Background="#DFE9FF" BorderThickness="0">Cancel</Button>
                <Button Grid.Column="4" Margin="10,0,25,0" Height="32" Width="97" Style="{StaticResource ButtonStyle}">Continue</Button>

            </Grid>
            
        </Grid>

        <Border Name="CanvaDrawPopup" Background="#A0000000" Visibility="Collapsed">
            <Grid Background="White" Width="628" Height="412">
                <Grid.RowDefinitions>
                    <RowDefinition Height="auto"></RowDefinition>
                    <RowDefinition Height="*"></RowDefinition>
                    <RowDefinition Height="auto"></RowDefinition>
                </Grid.RowDefinitions>

                <Button HorizontalAlignment="Right" Margin="0,8,10,0" Style="{StaticResource LightButtonStyle}" BorderThickness="0"
                        Background="White" Width="24" Height="24" Click="CanvasPopupClose_Click">
                    <Button.Content>
                        <Path Fill="#43474D" Width="16" Height="16">
                            <Path.Data>
                                M12.6466 13.2531L13.0001 13.6066L13.7072 12.8995L13.3537 12.546L8.7072 7.8995L13.2532 3.35352L13.6067 2.99997L12.8996 
                                2.29286L12.5461 2.64642L8.00009 7.19239L3.45418 2.64648L3.10063 2.29292L2.39352 3.00003L2.74708 3.35358L7.29299 
                                7.8995L2.64657 12.5459L2.29302 12.8995L3.00013 13.6066L3.35368 13.253L8.0001 8.6066L12.6466 13.2531Z
                            </Path.Data>
                        </Path>
                    </Button.Content>
                </Button>

                <InkCanvas Name="DrawInkCanvas" Grid.Row="1" Width="580" Height="292" Background="#F2F3F5">

                </InkCanvas>
                <Grid Grid.Row="2" Margin="25,0,0,20">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="auto"></ColumnDefinition>
                        <ColumnDefinition Width="*"></ColumnDefinition>
                        <ColumnDefinition Width="auto"></ColumnDefinition>
                        <ColumnDefinition Width="auto"></ColumnDefinition>
                    </Grid.ColumnDefinitions>

                    <Button Height="32" Width="82" Style="{StaticResource LightButtonStyle}" Background="#DFE9FF" 
                            BorderThickness="0" Click="CanvasClearBtn_Click">Clear</Button>

                    <Button Grid.Column="2" Height="32" Width="82" Style="{StaticResource LightButtonStyle}" Background="#DFE9FF" 
                            BorderThickness="0" Click="CanvasPopupClose_Click">Cancel</Button>
                    <Button Grid.Column="3" Margin="10,0,25,0" Height="32" Width="97" Style="{StaticResource ButtonStyle}">OK</Button>

                </Grid>
            </Grid>
        </Border>
    </Grid>
</UserControl>