<?xml version="1.0" encoding="utf-8"?>
<UserControl x:Class="ChartSamples.Page" Loaded="UserControl_Loaded" FontSize="11" mc:Ignorable="d" d:DesignWidth="473" d:DesignHeight="270.586" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:c1="http://schemas.componentone.com/winfx/2006/xaml" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="clr-namespace:ChartSamples" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006">
    <Border Background="Black" Padding="10">
        <Grid x:Name="LayoutRoot" MaxWidth="900" MaxHeight="600">
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto" />
                <RowDefinition />
                <RowDefinition Height="Auto" />
            </Grid.RowDefinitions>
            <Border Margin="7,7,4,4" CornerRadius="5" BorderThickness="1" BorderBrush="#FF777676" Grid.Row="0">
                <Border.Background>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="#FF343333" Offset="0" />
                        <GradientStop Color="#FF3E3E3E" Offset="1" />
                    </LinearGradientBrush>
                </Border.Background>
            </Border>
            <!-- Top panel -->
            <Border Margin="7,7,4,4" CornerRadius="5" BorderThickness="1" BorderBrush="#FF777676" Opacity="0.1" Grid.Row="0">
                <Border.Background>
                    <LinearGradientBrush EndPoint="1.523,-1.604" StartPoint="0.549,5.531">
                        <GradientStop Color="#01FFFFFF" Offset="0.992" />
                        <GradientStop Color="#00FFFDFD" Offset="0" />
                        <GradientStop Color="#00FFFDFD" Offset="0.286" />
                        <GradientStop Color="#FFFFFDFD" Offset="0.298" />
                        <GradientStop Color="#FEFEFDFD" Offset="0.346" />
                        <GradientStop Color="#00FEFDFD" Offset="0.37" />
                        <GradientStop Color="#FFFFFDFD" Offset="0.065" />
                        <GradientStop Color="#00FFFCFC" Offset="0.1" />
                        <GradientStop Color="#7EFEFDFD" Offset="0.441" />
                        <GradientStop Color="#00FEFDFD" Offset="0.477" />
                        <GradientStop Color="#00FEFDFD" Offset="0.531" />
                        <GradientStop Color="#00FEFDFD" Offset="0.382" />
                    </LinearGradientBrush>
                </Border.Background>
            </Border>
            <Border Margin="7,7,9,4" CornerRadius="5" Grid.Row="0">
                <StackPanel Orientation="Horizontal">
          <TextBlock Margin="8" FontSize="16" Text="ComponentOne Chart Samples" Foreground="#FFFFFFFF" VerticalAlignment="Top" />
                </StackPanel>
            </Border>

            <Border BorderBrush="#FF777676" Margin="7,7,4,4" CornerRadius="4" BorderThickness="1" Grid.Row="1">
                <Border.Background>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="#FF343333" Offset="0" />
                        <GradientStop Color="#FF000000" Offset="1" />
                        <GradientStop Color="#FF6D6D6D" Offset="0.226" />
                        <GradientStop Color="#FE030303" Offset="0.244" />
                    </LinearGradientBrush>
                </Border.Background>
                <Grid Grid.Row="1" Margin="7,7,4,4">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto" />
                        <ColumnDefinition />
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />

                        <RowDefinition />
                    </Grid.RowDefinitions>

                    <Border CornerRadius="5" BorderBrush="#FFD9D9D9" BorderThickness="1" Margin="4" Grid.Column="0" Grid.Row="1" Grid.RowSpan="2">
                        <Border.Background>
                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                <GradientStop Color="#FF000000" Offset="0.5" />
                                <GradientStop Color="#FF373636" Offset="1" />
                                <GradientStop Color="#FF000000" Offset="0" />
                            </LinearGradientBrush>
                        </Border.Background>
            <c1:C1TreeView x:Name="tv" Width="220" ItemClick="tv_ItemClick" Background="Transparent" SelectionMode="Single">
                            <local:ControlNode x:Name="iGallery" Header="Gallery" />

              <c1:C1TreeViewItem x:Name="iBasic" Header="Basic" Foreground="White">
                <local:ControlNode x:Name="iLabels" Header="Labels &amp; Tooltips" />

                <local:ControlNode x:Name="iRadar" Header="Radar" />
                <local:ControlNode x:Name="iAdvImage" Header="Image Export" />
              </c1:C1TreeViewItem>

              <c1:C1TreeViewItem Header="Interaction" Foreground="White">
                <local:ControlNode x:Name="iChart" Header="Interactive Zoom" />
                <local:ControlNode x:Name="iZoom" Header="Overview+Detail Zoom" />
                <local:ControlNode x:Name="iDragDrop" Header="Drag and Drop" />
                <local:ControlNode x:Name="iMarkers" Header="Markers" />
                <local:ControlNode x:Name="iMouseMarker" Header="Mouse Marker" />
                <local:ControlNode x:Name="iAddRemoveMarkers" Header="Add/Remove Markers" />

              </c1:C1TreeViewItem>

              <c1:C1TreeViewItem Header="Appearance" Foreground="White">
                <local:ControlNode x:Name="iEffects" Header="Visual Effects" />
                <local:ControlNode x:Name="iBubble" Header="Bubble" />
                <local:ControlNode x:Name="iAnimation" Header="Animation" />
                <local:ControlNode x:Name="iPieAnimation">
                  <local:ControlNode.Header>
                  <StackPanel Orientation="Horizontal" VerticalAlignment="Center">
                    <Image Stretch="None" Source="../../Resources/new.png" />
                      <TextBlock VerticalAlignment="Center" Text="Pie Animation" />
                  </StackPanel>
                  </local:ControlNode.Header>
                </local:ControlNode>
                <local:ControlNode x:Name="iLegendCheckBox">
                  <local:ControlNode.Header>
                    <StackPanel Orientation="Horizontal" VerticalAlignment="Center">
                      <Image Stretch="None" Source="../../Resources/new.png" />
                      <TextBlock VerticalAlignment="Center" Text="Legend Checkbox" />
                    </StackPanel>
                  </local:ControlNode.Header>
                </local:ControlNode>
                <local:ControlNode x:Name="iStackedPie">
                  <local:ControlNode.Header>
                    <StackPanel Orientation="Horizontal" VerticalAlignment="Center">
                      <Image Stretch="None" Source="../../Resources/new.png" />
                      <TextBlock VerticalAlignment="Center" Text="Stacked Pie" />
                    </StackPanel>
                  </local:ControlNode.Header>
                </local:ControlNode>

                <!--<local:ControlNode x:Name="iThemes" Header="Themes" />-->
              </c1:C1TreeViewItem>

              <c1:C1TreeViewItem Header="Performance" Foreground="White">
                <local:ControlNode x:Name="iLive" Header="Live Data" />
                <local:ControlNode x:Name="iHuge" Header="Large Data" />
              </c1:C1TreeViewItem>

              <c1:C1TreeViewItem Header="Combination" Foreground="White">
                <local:ControlNode x:Name="iFinance" Header="Financial" />
                <local:ControlNode x:Name="iComplex" Header="Complex" />
                <local:ControlNode x:Name="iPlotAreasVert" Header="Plot Areas(vertically)" />
                <local:ControlNode x:Name="iPlotAreasHor" Header="Plot Areas(horizontally)" />

              </c1:C1TreeViewItem>

              <c1:C1TreeViewItem Header="Axes" Foreground="White">
                <local:ControlNode x:Name="iAxesLog" Header="Logarithmic" />
                <local:ControlNode x:Name="iAxesTicks" Header="Ticks" />
                <local:ControlNode x:Name="iAxesOrigin" Header="Origin" />
                <local:ControlNode x:Name="iAxesDep" Header="Dependent Axes" />
                <local:ControlNode x:Name="iAxesCustom" Header="Custom Labels" />
              </c1:C1TreeViewItem>

              <c1:C1TreeViewItem Header="Advanced" Foreground="White">
                <local:ControlNode x:Name="iAdvAggregate" Header="Aggregate" />
                <local:ControlNode x:Name="iAdvFunctions" Header="Functions" />
                <local:ControlNode x:Name="iAdvMovAvg" Header="Moving Avegage" />
                <local:ControlNode x:Name="iAdvParam" Header="Parametric" />
                <local:ControlNode x:Name="iAdvTrend" Header="Trend lines" />
                <local:ControlNode x:Name="iAdvPolygon" Header="Polygon" />
              </c1:C1TreeViewItem>
            </c1:C1TreeView>
                    </Border>

                    <Border CornerRadius="5" Grid.Column="1" Grid.Row="2" Margin="4">
                        <Border.Background>
                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                <GradientStop Color="#FF000000" Offset="0" />
                                <GradientStop Color="#FF373636" Offset="1" />
                                <GradientStop Color="#FF000000" Offset="0.5" />
                            </LinearGradientBrush>
                        </Border.Background>
                        <Border Background="#02FFFFFF" CornerRadius="5" BorderBrush="#FFD9D9D9" BorderThickness="1" RenderTransformOrigin="0.5,0.5">
                            <Border.RenderTransform>
                                <TransformGroup>
                                    <ScaleTransform ScaleX="1" ScaleY="1" />
                                    <SkewTransform AngleX="0" AngleY="0" />
                                    <RotateTransform Angle="0" />
                                    <TranslateTransform X="0" Y="0" />
                                </TransformGroup>
                            </Border.RenderTransform>
                        </Border>
                    </Border>

          <Border Padding="16" Margin="5" Grid.Column="2" x:Name="bdr" Background="Transparent" Grid.Row="2" />

                    <Grid Grid.Column="1" Grid.Row="1" Margin="4" Visibility="Visible" x:Name="_description">
                        <Border CornerRadius="5" BorderThickness="1" BorderBrush="#FF777676">
                            <Border.Background>
                                <LinearGradientBrush EndPoint="0.5,1.011" StartPoint="0.5,-0.011">
                                    <GradientStop Color="#FF343333" Offset="0" />
                                    <GradientStop Color="#FF3E3E3E" Offset="1" />
                                </LinearGradientBrush>
                            </Border.Background>
                        </Border>

                        <Border CornerRadius="5" BorderThickness="1" BorderBrush="#FF777676" Opacity="0.1">
                            <Border.Background>
                                <LinearGradientBrush EndPoint="1.523,-1.604" StartPoint="0.549,5.531">
                                    <GradientStop Color="#01FFFFFF" Offset="0.992" />
                                    <GradientStop Color="#00FFFDFD" Offset="0" />
                                    <GradientStop Color="#00FFFDFD" Offset="0.286" />
                                    <GradientStop Color="#FFFFFDFD" Offset="0.298" />
                                    <GradientStop Color="#FEFEFDFD" Offset="0.346" />
                                    <GradientStop Color="#00FEFDFD" Offset="0.37" />
                                    <GradientStop Color="#FFFFFDFD" Offset="0.065" />
                                    <GradientStop Color="#00FFFCFC" Offset="0.1" />
                                    <GradientStop Color="#7EFEFDFD" Offset="0.441" />
                                    <GradientStop Color="#00FEFDFD" Offset="0.477" />
                                    <GradientStop Color="#00FEFDFD" Offset="0.531" />
                                    <GradientStop Color="#00FEFDFD" Offset="0.382" />
                                </LinearGradientBrush>
                            </Border.Background>
                        </Border>

                        <TextBlock x:Name="ControlDescription" FontSize="12" Margin="10,3,3,3" Foreground="#FFC8C8C8" TextWrapping="Wrap" FontWeight="Normal" />
                    </Grid>
                </Grid>
            </Border>
        </Grid>
    </Border>
</UserControl>