kmpdfkit_demo/ComPDFKit.Demo/WidgetForm/CheckBoxFormProperty.xaml

<Window x:Class="ComPDFKitDemo.WidgetForm.CheckBoxFormProperty"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:ComPDFKitDemo.WidgetForm" xmlns:ColorPicker="clr-namespace:ColorPickerLib.Controls;assembly=ColorPickerLib"
        mc:Ignorable="d"
        Height="560" Width="720" WindowStyle="SingleBorderWindow" ResizeMode="NoResize">
    <Window.Resources>
        <ResourceDictionary Source="/ColorPickerLib;component/Themes/LightBrushs.xaml" />
    </Window.Resources>
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="auto"></ColumnDefinition>
            <ColumnDefinition Width="*"></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <StackPanel Background="#F3F5FA" Name="FormStack">
            <TextBlock FontSize="16" Padding="25,20,25,10" Background="#D1E2F2" MouseLeftButtonDown="NavClick" Tag="Regular"> General</TextBlock>
            <TextBlock FontSize="16" Padding="25,10,25,10" MouseLeftButtonDown="NavClick" Tag="Appearance"> Appearance</TextBlock>
            <TextBlock FontSize="16" Padding="25,10,25,10" MouseLeftButtonDown="NavClick" Tag="Option" Name="OptinTab"> Options</TextBlock>
        </StackPanel>
        <Grid Grid.Column="1" Margin="20,10,0,0" >

            <Grid.RowDefinitions>
                <RowDefinition Height="auto"></RowDefinition>
                <RowDefinition Height="auto"></RowDefinition>
            </Grid.RowDefinitions>

            <StackPanel Name="RegularPanel">
                <TextBlock FontSize="14">Name:</TextBlock>
                <TextBox Name="GroupNameText"  Margin="0,10,0,0" Width="250" Height="30" HorizontalAlignment="Left"
                         TextChanged="GroupNameText_TextChanged"></TextBox>
                <TextBlock FontSize="14" Margin="0,10,0,0">Common Properties:</TextBlock>
                <TextBlock  Foreground="Gray" Margin="0,10,0,0">Form Field</TextBlock>
                <ComboBox Name="FormFieldBox" Height="25" Width="200" HorizontalAlignment="Left" Margin="0,10,0,0"
                                  VerticalContentAlignment="Center" SelectionChanged="FormFieldBox_SelectionChanged">
                    <ComboBoxItem Tag="0">Visible</ComboBoxItem>
                    <ComboBoxItem Tag="1">Hidden</ComboBoxItem>
                    <ComboBoxItem Tag="2">Visible but doesn't print</ComboBoxItem>
                    <ComboBoxItem Tag="3">Hidden but printable</ComboBoxItem>
                </ComboBox>
                <CheckBox Name="ReadOnlyBox" Margin="0,10,0,0" Checked="ReadOnlyBox_Checked"  Unchecked="ReadOnlyBox_Checked">Read Only</CheckBox>
            </StackPanel>

            <Grid Name="AppearancePanel" Visibility="Collapsed">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"></ColumnDefinition>
                    <ColumnDefinition Width="*"></ColumnDefinition>
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition Height="auto"></RowDefinition>
                    <RowDefinition Height="auto"></RowDefinition>
                    <RowDefinition Height="auto"></RowDefinition>
                    <RowDefinition Height="auto"></RowDefinition>
                    <RowDefinition Height="auto"></RowDefinition>
                    <RowDefinition Height="auto"></RowDefinition>
                    <RowDefinition Height="auto"></RowDefinition>
                    <RowDefinition Height="auto"></RowDefinition>
                </Grid.RowDefinitions>

                <TextBlock Margin="0,0,0,15" FontSize="14">Borders and Colors</TextBlock>

                <TextBlock Grid.Row="1" Foreground="Gray">Border Color</TextBlock>
                <TextBlock Grid.Row="1" Foreground="Gray" Grid.Column="1">Line Thickness</TextBlock>

                <ColorPicker:ColorPicker Name="BorderColorPicker" Grid.Row="2" Width="200" HorizontalAlignment="Left" 
                Margin="0,10,0,0" SelectedColorChanged="BorderColorPicker_SelectedColorChanged"></ColorPicker:ColorPicker>
                <ComboBox Name="ThicknessText"  Grid.Row="2" Grid.Column="1" Height="25" Width="200" HorizontalAlignment="Left" 
                Margin="0,10,0,0" VerticalContentAlignment="Center" SelectionChanged="ThicknessText_SelectionChanged">
                    <ComboBoxItem Content="Thin"></ComboBoxItem>
                    <ComboBoxItem Content="Medium"></ComboBoxItem>
                    <ComboBoxItem Content="Thick"></ComboBoxItem>
                </ComboBox>

                <TextBlock Grid.Row="3" Foreground="Gray" Margin="0,10,0,0">Fill Color</TextBlock>
                <TextBlock Grid.Row="3" Foreground="Gray" Grid.Column="1" Margin="0,10,0,0">Line Style</TextBlock>

                <ColorPicker:ColorPicker Name="FillColorPicker" Grid.Row="4" Width="200" HorizontalAlignment="Left" 
                 Margin="0,10,0,0" SelectedColorChanged="FillColorPicker_SelectedColorChanged"></ColorPicker:ColorPicker>

                <ComboBox Name="LineStyleBox" Grid.Row="4" Grid.Column="1" Height="25" Width="200" HorizontalAlignment="Left"
                Margin="0,10,0,0" VerticalContentAlignment="Center" SelectionChanged="LineStyleBox_SelectionChanged">
                    <ComboBoxItem>Solid</ComboBoxItem>
                    <ComboBoxItem>Dash</ComboBoxItem>
                </ComboBox>

                <TextBlock Grid.Row="5" Foreground="Gray" Margin="0,10,0,0">Text Color</TextBlock>
                <ColorPicker:ColorPicker Name="FontColorPicker" Grid.Row="6" Width="200" HorizontalAlignment="Left" 
                Margin="0,10,0,0" SelectedColorChanged="FontColorPicker_SelectedColorChanged"></ColorPicker:ColorPicker>

            </Grid>


            <Grid Name="OptionPanel" Visibility="Collapsed">
                <Grid Name="OptionRadio">
                    <StackPanel>
                        <TextBlock Margin="0,0,0,15" FontSize="14">Button Style</TextBlock>
                        <ComboBox Name="RadioStyleBox" Height="25" Width="200" HorizontalAlignment="Left" Margin="0,10,0,0"
                                  VerticalContentAlignment="Center" SelectionChanged="RadioStyleBox_SelectionChanged">
                            <ComboBoxItem Tag="0">Checkmark</ComboBoxItem>
                            <ComboBoxItem Tag="1">Circle</ComboBoxItem>
                            <ComboBoxItem Tag="2">Cross</ComboBoxItem>
                            <ComboBoxItem Tag="3">Diamond</ComboBoxItem>
                            <ComboBoxItem Tag="4">Square</ComboBoxItem>
                            <ComboBoxItem Tag="5">Star</ComboBoxItem>
                        </ComboBox>
                    </StackPanel>
                </Grid>
            </Grid>

            <CheckBox Grid.Row="1" Name="LockBox" Margin="0,10,0,0" Checked="LockBox_Checked" Unchecked="LockBox_Checked">Locked</CheckBox>

        </Grid>
    </Grid>
</Window>