
<UserControl x:Class="C1TreeViewCheckBoxSample.Page"
             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">
        <Grid.Resources>
            <Style x:Key="TreeIcon" TargetType="Image">
                <Setter Property="Width" Value="14" />
                <Setter Property="Height" Value="14" />
            </Style>
            <Style x:Key="TreeText" TargetType="TextBlock">
                <Setter Property="FontSize" Value="11" />
                <Setter Property="Margin" Value="4 0 0 0" />
            </Style>
        </Grid.Resources>
        <c1:C1TreeView x:Name="WindowExplorerTreeView" BorderBrush="#FF8FB4CC">
            <c1:C1TreeViewItem Margin="10" IsExpanded="True">
                <c1:C1TreeViewItem.Header>
                    <CheckBox>
                        <CheckBox.Content>
                            <StackPanel Orientation="Horizontal">
                                <Image Source="/C1TreeViewCheckBoxSample.5;component/Images/Desktop.png" Style="{StaticResource TreeIcon}" />
                                <TextBlock Style="{StaticResource TreeText}" Text="Desktop" />
                            </StackPanel>
                        </CheckBox.Content>
                    </CheckBox>
                </c1:C1TreeViewItem.Header>
                <c1:C1TreeViewItem>
                    <c1:C1TreeViewItem.Header>
                        <CheckBox>
                            <CheckBox.Content>
                                <StackPanel Orientation="Horizontal">
                                    <Image Source="/C1TreeViewCheckBoxSample.5;component/Images/User.png" Style="{StaticResource TreeIcon}" />
                                    <TextBlock Style="{StaticResource TreeText}" Text="User" />
                                </StackPanel>
                            </CheckBox.Content>
                        </CheckBox>
                    </c1:C1TreeViewItem.Header>
                </c1:C1TreeViewItem>
                <c1:C1TreeViewItem>
                    <c1:C1TreeViewItem.Header>
                        <CheckBox>
                            <CheckBox.Content>
                                <StackPanel Orientation="Horizontal">
                                    <Image Source="/C1TreeViewCheckBoxSample.5;component/Images/Folder.png" Style="{StaticResource TreeIcon}" />
                                    <TextBlock Style="{StaticResource TreeText}" Text="Public" />
                                </StackPanel>
                            </CheckBox.Content>
                        </CheckBox>
                    </c1:C1TreeViewItem.Header>
                    <c1:C1TreeViewItem>
                        <c1:C1TreeViewItem.Header>
                            <CheckBox>
                                <CheckBox.Content>
                                    <StackPanel Orientation="Horizontal">
                                        <Image Source="/C1TreeViewCheckBoxSample.5;component/Images/Folder.png" Style="{StaticResource TreeIcon}" />
                                        <TextBlock Style="{StaticResource TreeText}" Text="Favorites" />
                                    </StackPanel>
                                </CheckBox.Content>
                            </CheckBox>
                        </c1:C1TreeViewItem.Header>
                    </c1:C1TreeViewItem>
                    <c1:C1TreeViewItem>
                        <c1:C1TreeViewItem.Header>
                            <CheckBox>
                                <CheckBox.Content>
                                    <StackPanel Orientation="Horizontal">
                                        <Image Source="/C1TreeViewCheckBoxSample.5;component/Images/PublicDownloads.png" Style="{StaticResource TreeIcon}" />
                                        <TextBlock Style="{StaticResource TreeText}" Text="Public Downloads" />
                                    </StackPanel>
                                </CheckBox.Content>
                            </CheckBox>
                        </c1:C1TreeViewItem.Header>
                    </c1:C1TreeViewItem>
                    <c1:C1TreeViewItem>
                        <c1:C1TreeViewItem.Header>
                            <CheckBox>
                                <CheckBox.Content>
                                    <StackPanel Orientation="Horizontal">
                                        <Image Source="/C1TreeViewCheckBoxSample.5;component/Images/PublicMusic.png" Style="{StaticResource TreeIcon}" />
                                        <TextBlock Style="{StaticResource TreeText}" Text="Public Music" />
                                    </StackPanel>
                                </CheckBox.Content>
                            </CheckBox>
                        </c1:C1TreeViewItem.Header>
                    </c1:C1TreeViewItem>
                    <c1:C1TreeViewItem>
                        <c1:C1TreeViewItem.Header>
                            <CheckBox>
                                <CheckBox.Content>
                                    <StackPanel Orientation="Horizontal">
                                        <Image Source="/C1TreeViewCheckBoxSample.5;component/Images/PublicPictures.png" Style="{StaticResource TreeIcon}" />
                                        <TextBlock Style="{StaticResource TreeText}" Text="Public Pictures" />
                                    </StackPanel>
                                </CheckBox.Content>
                            </CheckBox>
                        </c1:C1TreeViewItem.Header>
                    </c1:C1TreeViewItem>
                    <c1:C1TreeViewItem>
                        <c1:C1TreeViewItem.Header>
                            <CheckBox>
                                <CheckBox.Content>
                                    <StackPanel Orientation="Horizontal">
                                        <Image Source="/C1TreeViewCheckBoxSample.5;component/Images/PublicVideos.png" Style="{StaticResource TreeIcon}" />
                                        <TextBlock Style="{StaticResource TreeText}" Text="Public Videos" />
                                    </StackPanel>
                                </CheckBox.Content>
                            </CheckBox>
                        </c1:C1TreeViewItem.Header>
                    </c1:C1TreeViewItem>
                </c1:C1TreeViewItem>
                <c1:C1TreeViewItem IsExpanded="True">
                    <c1:C1TreeViewItem.Header>
                        <CheckBox>
                            <CheckBox.Content>
                                <StackPanel Orientation="Horizontal">
                                    <Image Source="/C1TreeViewCheckBoxSample.5;component/Images/Computer.png" Style="{StaticResource TreeIcon}" />
                                    <TextBlock Style="{StaticResource TreeText}" Text="Computer" />
                                </StackPanel>
                            </CheckBox.Content>
                        </CheckBox>
                    </c1:C1TreeViewItem.Header>
                    <c1:C1TreeViewItem IsExpanded="True">
                        <c1:C1TreeViewItem.Header>
                            <CheckBox>
                                <CheckBox.Content>
                                    <StackPanel Orientation="Horizontal">
                                        <Image Source="/C1TreeViewCheckBoxSample.5;component/Images/LocalDisk.png" Style="{StaticResource TreeIcon}" />
                                        <TextBlock Style="{StaticResource TreeText}" Text="Local Disk (C:)" />
                                    </StackPanel>
                                </CheckBox.Content>
                            </CheckBox>
                        </c1:C1TreeViewItem.Header>
                        <c1:C1TreeViewItem>
                            <c1:C1TreeViewItem.Header>
                                <CheckBox>
                                    <CheckBox.Content>
                                        <StackPanel Orientation="Horizontal">
                                            <Image Source="/C1TreeViewCheckBoxSample.5;component/Images/Folder.png" Style="{StaticResource TreeIcon}" />
                                            <TextBlock Style="{StaticResource TreeText}" Text="Program Files" />
                                        </StackPanel>
                                    </CheckBox.Content>
                                </CheckBox>
                            </c1:C1TreeViewItem.Header>
                        </c1:C1TreeViewItem>
                        <c1:C1TreeViewItem>
                            <c1:C1TreeViewItem.Header>
                                <CheckBox>
                                    <CheckBox.Content>
                                        <StackPanel Orientation="Horizontal">
                                            <Image Source="/C1TreeViewCheckBoxSample.5;component/Images/Folder.png" Style="{StaticResource TreeIcon}" />
                                            <TextBlock Style="{StaticResource TreeText}" Text="Users" />
                                        </StackPanel>
                                    </CheckBox.Content>
                                </CheckBox>
                            </c1:C1TreeViewItem.Header>
                        </c1:C1TreeViewItem>
                        <c1:C1TreeViewItem>
                            <c1:C1TreeViewItem.Header>
                                <CheckBox>
                                    <CheckBox.Content>
                                        <StackPanel Orientation="Horizontal">
                                            <Image Source="/C1TreeViewCheckBoxSample.5;component/Images/Folder.png" Style="{StaticResource TreeIcon}" />
                                            <TextBlock Style="{StaticResource TreeText}" Text="Windows" />
                                        </StackPanel>
                                    </CheckBox.Content>
                                </CheckBox>
                            </c1:C1TreeViewItem.Header>
                        </c1:C1TreeViewItem>
                    </c1:C1TreeViewItem>
                    <c1:C1TreeViewItem>
                        <c1:C1TreeViewItem.Header>
                            <CheckBox>
                                <CheckBox.Content>
                                    <StackPanel Orientation="Horizontal">
                                        <Image Source="/C1TreeViewCheckBoxSample.5;component/Images/DVDDrive.png" Style="{StaticResource TreeIcon}" />
                                        <TextBlock Style="{StaticResource TreeText}" Text="DVD Drive (D:)" />
                                    </StackPanel>
                                </CheckBox.Content>
                            </CheckBox>
                        </c1:C1TreeViewItem.Header>
                    </c1:C1TreeViewItem>
                </c1:C1TreeViewItem>
                <c1:C1TreeViewItem>
                    <c1:C1TreeViewItem.Header>
                        <CheckBox>
                            <CheckBox.Content>
                                <StackPanel Orientation="Horizontal">
                                    <Image Source="/C1TreeViewCheckBoxSample.5;component/Images/Network.png" Style="{StaticResource TreeIcon}" />
                                    <TextBlock Style="{StaticResource TreeText}" Text="Network" />
                                </StackPanel>
                            </CheckBox.Content>
                        </CheckBox>
                    </c1:C1TreeViewItem.Header>
                </c1:C1TreeViewItem>
                <c1:C1TreeViewItem>
                    <c1:C1TreeViewItem.Header>
                        <CheckBox>
                            <CheckBox.Content>
                                <StackPanel Orientation="Horizontal">
                                    <Image Source="/C1TreeViewCheckBoxSample.5;component/Images/ControlPanel.png" Style="{StaticResource TreeIcon}" />
                                    <TextBlock Style="{StaticResource TreeText}" Text="Control Panel" />
                                </StackPanel>
                            </CheckBox.Content>
                        </CheckBox>
                    </c1:C1TreeViewItem.Header>
                </c1:C1TreeViewItem>
                <c1:C1TreeViewItem>
                    <c1:C1TreeViewItem.Header>
                        <CheckBox>
                            <CheckBox.Content>
                                <StackPanel Orientation="Horizontal">
                                    <Image Opacity="0.9"
                                           Source="/C1TreeViewCheckBoxSample.5;component/Images/RecycleBin.png"
                                           Style="{StaticResource TreeIcon}" />
                                    <TextBlock Style="{StaticResource TreeText}" Text="Recycle Bin" />
                                </StackPanel>
                            </CheckBox.Content>
                        </CheckBox>
                    </c1:C1TreeViewItem.Header>
                </c1:C1TreeViewItem>
            </c1:C1TreeViewItem>
        </c1:C1TreeView>
    </Grid>
</UserControl>