CyberX8/RecipeEditorControl/View/RecipeEditorControl.xaml

<UserControl x:Class="Aitex.UI.RecipeEditor.RecipeEditorControl"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d"
             xmlns:s="clr-namespace:System;assembly=mscorlib"
             xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"
             xmlns:app="clr-namespace:Aitex.UI.RecipeEditor"
             xmlns:xctl="clr-namespace:Xceed.Wpf.Toolkit;assembly=Xceed.Wpf.Toolkit"
             xmlns:toolkit="clr-namespace:Xceed.Wpf.Toolkit;assembly=Xceed.Wpf.Toolkit"
             xmlns:xctk="http://schemas.xceed.com/wpf/xaml/datagrid"
             xmlns:local="clr-namespace:Aitex.UI.RecipeEditor"
             d:DesignHeight="452" d:DesignWidth="1201" FontFamily="Arial,SimSun">
    <Grid x:Name="grid1">
        <Grid.RowDefinitions>
            <RowDefinition  Height="Auto"/>
            <RowDefinition  />
        </Grid.RowDefinitions>
        <Grid.Resources>
            <!--<ResourceDictionary>
                <ResourceDictionary.MergedDictionaries>
                    <ResourceDictionary Source="pack://application:,,,/Venus_Themes;component/Styles/Button.xaml"/>
                </ResourceDictionary.MergedDictionaries>
            </ResourceDictionary>-->
            <!--<ResourceDictionary Source="pack://application:,,,/Venus_Themes;component/Styles/Button.xaml"/>-->
            <app:CellForeColorConverter x:Key="CellForeColorConverter" />
            <app:ErrColorConverter x:Key="ErrColorConverter" />
            <app:ErrContentConverter x:Key="ErrContentConverter" />
            <app:ErrTooltipConverter x:Key="ErrTooltipConverter" />
            <app:RecipeHeadStringConverter x:Key="RecipeHeadStringConverter" />
            <app:CellBorderConverter x:Key="cellBorderConverter" />
            <app:JumpCellBorderConverter x:Key="jumpCellBorderConverter"/>
            <DataTemplate x:Key="columnRedTitleTemplate">
                <TextBlock Text="{Binding}" Foreground="Red"/>
            </DataTemplate>

            <DataTemplate x:Key="columnBlackTitleTemplate">
                <TextBlock Text="{Binding}" Foreground="Black"/>
            </DataTemplate>

            <DataTemplate x:Key="CustomTemplate">
                <Border BorderThickness="{Binding IsRunning,Converter={StaticResource cellBorderConverter}}" BorderBrush="Blue">
                    <TextBlock Text="{Binding Display}"  Foreground="{Binding Foreground}" Background="{Binding Background}" ToolTip="{Binding ToolTip}"  FontWeight="{Binding FontWeight}" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/>
                </Border>
            </DataTemplate>
            <DataTemplate x:Key="RowHeadTemplate">
                <TextBlock Text="{Binding Path=FriendlyName}" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Foreground="Black"/>
            </DataTemplate>

            <xctk:DataGridCollectionViewSource x:Key="recipeData" Source="{Binding RecipeRows}">
        <xctk:DataGridCollectionViewSource.GroupDescriptions>
                    <PropertyGroupDescription PropertyName="CatalogName" />
                </xctk:DataGridCollectionViewSource.GroupDescriptions>
            </xctk:DataGridCollectionViewSource>
        </Grid.Resources>
        <Grid Grid.Row="0">
            <Expander Grid.Row="1" Header="RecipeHead" FontSize="15" Margin="10,0,0,0">
                <WrapPanel  x:Name="headStackpanel" Orientation="Horizontal">
                </WrapPanel>
            </Expander>
        </Grid>
        <ScrollViewer Grid.Row="1"  HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto">
            <StackPanel   x:Name="stackPanel1" Orientation="Horizontal" Grid.Row="1" ScrollViewer.VerticalScrollBarVisibility="Visible"/>
        </ScrollViewer>
    </Grid>
</UserControl>