<?xml version="1.0" encoding="utf-8"?>
<UserControl x:Class="ChartSamples.Functions" mc:Ignorable="d" 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" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006">
    <Grid x:Name="LayoutRoot">
    <Grid.RowDefinitions>
      <RowDefinition Height="Auto" />
      <RowDefinition />
    </Grid.RowDefinitions>
	<StackPanel Margin="0,0,0,10">
		<StackPanel Orientation="Horizontal" Margin="0,0,0,10">			
			<TextBlock Text="Enter the function code with parameter val using JavaScript notation:" TextWrapping="Wrap" VerticalAlignment="Center" Margin="0,0,3,0" />
			<TextBlock Text="f(val)=" VerticalAlignment="Center" Margin="0 0 5 0" />
			<TextBox x:Name="tbCode" AcceptsReturn="True" Padding="2,0" MinWidth="300" />
			<Border x:Name="error" Visibility="Collapsed" Background="Red" CornerRadius="10" Padding="6,0,6,0" Height="16" Width="16" Margin="2,0,0,0">
				<TextBlock Text="!" Foreground="White" FontWeight="Bold" VerticalAlignment="Center" FontSize="12" Margin="-1,0,0,0" />
			</Border>
			<Button x:Name="btnApply" Content="Apply" Click="btnApply_Click" Margin="5,0,20,0" Height="20" Padding="4 2" Width="70" />
		</StackPanel>
		<StackPanel Orientation="Horizontal" HorizontalAlignment="Left">
			<HyperlinkButton x:Name="btnSample1" Content="Sample 1" Click="btnSample1_Click" ToolTipService.ToolTip="Click to copy sample" VerticalAlignment="Center" />
			<HyperlinkButton x:Name="btnSample2" Content="Sample 2" Click="btnSample2_Click" VerticalAlignment="Center" ToolTipService.ToolTip="Click to copy sample" Margin="5,0,0,0" />
		</StackPanel>   
	</StackPanel>	   
    <Border Grid.Row="1">
      <c1:C1Chart x:Name="chart" />
    </Border>
  </Grid>
</UserControl>