kmpdfkit_demo/ComPDFKit.Demo/WidgetForm/ListBoxFormProperty.xaml

<Window x:Class="ComPDFKitDemo.WidgetForm.ListBoxFormProperty"
        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>
                    <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>

                <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" Margin="0,10,0,0" FontSize="14">Text</TextBlock>

                <TextBlock Grid.Row="6" Foreground="Gray" Margin="0,10,0,0">Font</TextBlock>
                <TextBlock Grid.Row="6" Foreground="Gray" Grid.Column="1" Margin="0,10,0,0">Size</TextBlock>

                <ComboBox Name="FontFamilyBox" Grid.Row="7" Height="25" Width="200" HorizontalAlignment="Left" Margin="0,10,0,0" 
                 VerticalContentAlignment="Center" SelectionChanged="FontFamilyBox_SelectionChanged">
                    <ComboBoxItem>Helvetica</ComboBoxItem>
                    <ComboBoxItem>Courier</ComboBoxItem>
                    <ComboBoxItem>Times</ComboBoxItem>
                </ComboBox>
                <TextBox Name="FontSizeBox" Grid.Row="7" Grid.Column="1" Height="25" Width="200" HorizontalAlignment="Left" Margin="0,10,0,0"
                VerticalContentAlignment="Center" TextChanged="FontSizeBox_TextChanged"></TextBox>

                <TextBlock Grid.Row="8" Foreground="Gray" Margin="0,10,0,0">Style</TextBlock>
                <TextBlock Grid.Row="8" Grid.Column="1"  Foreground="Gray" Margin="0,10,0,0">Text Color</TextBlock>

                <ComboBox Name="FontStyleBox" Grid.Row="9"  Height="25" Width="200" HorizontalAlignment="Left" Margin="0,10,0,0" 
                          VerticalContentAlignment="Center" SelectionChanged="FontStyleBox_SelectionChanged">
                    <ComboBoxItem IsSelected="True">Regular</ComboBoxItem>
                    <ComboBoxItem>Bold</ComboBoxItem>
                    <ComboBoxItem>Italic</ComboBoxItem>
                    <ComboBoxItem>Bold Italic</ComboBoxItem>
                </ComboBox>
                <ColorPicker:ColorPicker Name="FontColorPicker" Grid.Row="9" Grid.Column="1" Width="200" HorizontalAlignment="Left" 
                Margin="0,10,0,0" SelectedColorChanged="FontColorPicker_SelectedColorChanged"></ColorPicker:ColorPicker>

            </Grid>

            <Grid Name="OptionPanel" Visibility="Collapsed">
                <StackPanel>
                    <TextBlock FontSize="14">Item</TextBlock>
                    <TextBox Name="OptionName" Width="200" HorizontalAlignment="Left" Margin="0,10,0,0" Height="25" TextChanged="OptionName_TextChanged"></TextBox>
                    <TextBlock FontSize="14" Margin="0,10,0,0">Export Value</TextBlock>
                    <TextBox Name="OptionValue" Width="200" HorizontalAlignment="Left" Margin="0,10,0,0" Height="25" TextChanged="OptionValue_TextChanged"></TextBox>
                    <Button Name="AddOptionBtn" Width="60" HorizontalAlignment="Left" Margin="0,10,0,0" Padding="5,2" Click="Button_Click">Add</Button>
                    <TextBlock FontSize="14" Margin="0,10,0,0">Item List</TextBlock>
                    <ListBox Name="OptionsListBox" Margin="0,10,0,0" MinHeight="60" Width="200" HorizontalAlignment="Left"
                    SelectionChanged="OptionsListBox_SelectionChanged"></ListBox>
                    <Button Name="OptionDelBtn" Width="60" HorizontalAlignment="Left" Margin="0,10,0,0" Padding="5,2" Click="ButtonDel_Click">Del</Button>
                </StackPanel>
            </Grid>

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

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