ELK/Furnace/FurnaceUI/Views/Recipes/RecipeStepSelectDialogView.xaml

<UserControl
    x:Class="FurnaceUI.Views.Recipes.RecipeStepSelectDialogView"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    d:DesignHeight="450"
    d:DesignWidth="300"
    mc:Ignorable="d">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="370"/>
            <RowDefinition Height="60"/>
        </Grid.RowDefinitions>
        <DataGrid
            AutoGenerateColumns="False"
            CanUserAddRows="False"
            CanUserResizeRows="False"
            CanUserSortColumns="False"
            ItemsSource="{Binding NewSteps, Mode=OneWay}"
            SelectedItem="{Binding SelectedStep, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}">
            <DataGrid.Columns>
                <DataGridTemplateColumn
                    Width="80"
                    Header="StepNo"
                    IsReadOnly="True">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <StackPanel Orientation="Horizontal">
                                <TextBlock FontSize="14" Text="{Binding StepNo, UpdateSourceTrigger=PropertyChanged}"/>
                            </StackPanel>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
                <DataGridTemplateColumn
                    Width="210"
                    Header="StepName"
                    IsReadOnly="True">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <TextBlock
                                Width="150"
                                Margin="5,0"
                                HorizontalAlignment="Left"
                                VerticalAlignment="Center"
                                FontFamily="Arial"
                                FontSize="14"
                                Foreground="{DynamicResource FG_Black}"
                                Text="{Binding Name}"
                                TextWrapping="Wrap"
                                ToolTip="{Binding RelativeSource={RelativeSource Self}, Path=Text}"/>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
            </DataGrid.Columns>
            <DataGrid.RowStyle>
                <Style TargetType="DataGridRow">
                    <Setter Property="Visibility" Value="{Binding IsVisibility}"/>
                </Style>
            </DataGrid.RowStyle>
        </DataGrid>
        <Border
            Grid.Row="1"
            Grid.Column="0"
            Margin="4">
            <Canvas>
                <Button
                    Canvas.Left="80"
                    Canvas.Top="10"
                    Width="90"
                    Height="35"
                    Command="{Binding SaveCommand}"
                    Content="Save"
                    Style="{StaticResource CommandButton}"/>
                <Button
                    x:Name="TryClose"
                    Canvas.Left="190"
                    Canvas.Top="10"
                    Width="90"
                    Height="35"
                    Content="Cancel"
                    Style="{StaticResource CommandButton}"/>
            </Canvas>
        </Border>
    </Grid>
</UserControl>