<?xml version="1.0" encoding="utf-8"?>
<UserControl x:Class="ChartEditor.MainPage" MaxWidth="640" MaxHeight="480" 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.RowDefinitions>
      <RowDefinition />
      <RowDefinition Height="Auto" />
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
      <ColumnDefinition />
      <ColumnDefinition Width="Auto" />
    </Grid.ColumnDefinitions>
    <c1:C1Expander Grid.Column="1" ExpandDirection="Left" Margin="0" HeaderPadding="0" Padding="0" BorderThickness="0">
      <Border BorderThickness="2" BorderBrush="DarkGray" Margin="0" Padding="4" CornerRadius="6,0,0,6" Background="LightGray">
        <c1:ChartEditor x:Name="ced" DataContext="{Binding ElementName=chart}" />
      </Border>
    </c1:C1Expander>
    <c1:C1Chart x:Name="chart">
      <c1:C1Chart.Data>
        <c1:ChartData>
          <c1:DataSeries Values="1,0,2,4,5,2" Label="s1" />
          <c1:DataSeries Values="1,2,4,8,16,32" Label="s2" />
        </c1:ChartData>
      </c1:C1Chart.Data>
    </c1:C1Chart>
    <Border Grid.Row="1" Grid.ColumnSpan="2" Padding="4" Background="LightGray">
      <TextBlock Text="Click at the right to show/hide editor" />
    </Border>
  </Grid>
</UserControl>