<?xml version="1.0" encoding="utf-8"?>
<UserControl x:Class="C1Extended_Demo.DemoColorPickerParts" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:c1="http://schemas.componentone.com/winfx/2006/xaml">
	
    <Grid x:Name="LayoutRoot" VerticalAlignment="Top" HorizontalAlignment="Center">
        <Grid.ColumnDefinitions>
            <ColumnDefinition />
            <ColumnDefinition Width="20" />
            <ColumnDefinition />
            <ColumnDefinition Width="20" />
            <ColumnDefinition />
        </Grid.ColumnDefinitions>
        <Grid.Resources>
            <c1:ColorConverter x:Key="colorConverter" />
        </Grid.Resources>
			<Border Grid.ColumnSpan="5" VerticalAlignment="Top" />
            <StackPanel Grid.Column="0" VerticalAlignment="Top">
            <TextBlock Text="C1SpectrumColorPicker" Margin="5,5,0,20" />
            <c1:C1SpectrumColorPicker Color="{Binding ElementName=chkBorder, Path=Background, Mode=TwoWay, Converter={StaticResource colorConverter}}" Height="120" Width="150" />
        </StackPanel>

        <StackPanel Grid.Column="2">
            <TextBlock Text="C1HexColorBox" Margin="0,5,0,20" VerticalAlignment="Top" />
            <c1:C1HexColorBox Color="{Binding ElementName=chkBorder, Path=Background, Mode=TwoWay, Converter={StaticResource colorConverter}}" Width="120" ShowSharpPrefix="True" VerticalAlignment="Center" />
        </StackPanel>
        
        <StackPanel Grid.Column="4" VerticalAlignment="Top" Margin="0 0 0 2">
            <TextBlock Text="C1CheckeredBorder" Margin="0,5,0,20" />
            <c1:C1CheckeredBorder x:Name="chkBorder" Background="#8B2A76DD" Height="120" Width="120" />
        </StackPanel>
        
    </Grid>
</UserControl>