FurnaceELK/Furnace/FurnaceUI/Views/Editors/RecipeLoopSetView.xaml

<UserControl x:Class="FurnaceUI.Views.Editors.RecipeLoopSetView"
             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" 
             xmlns:local="clr-namespace:FurnaceUI.Views.Editors" xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity" xmlns:cal="http://www.caliburn.org"
             mc:Ignorable="d" 
             Height="460" Width="400" FontFamily="Segoe">
    <Border BorderBrush="{DynamicResource Table_BD}" BorderThickness="1"  Width="400">
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition/>
                <RowDefinition Height="55"/>
                <RowDefinition Height="60"/>
            </Grid.RowDefinitions>

            <ListView AlternationCount="1" 
                                  x:Name="RecipeList"    
                                  VerticalContentAlignment="Top"
                                  ScrollViewer.HorizontalScrollBarVisibility="Auto" 
                                  ScrollViewer.VerticalScrollBarVisibility="Auto"
                                  ScrollViewer.CanContentScroll="True"
                                  ItemsSource="{Binding StepNames}" SelectedIndex="{Binding SelectedIndex}" >
                <ListView.ItemsPanel>
                    <ItemsPanelTemplate>
                        <StackPanel></StackPanel>
                    </ItemsPanelTemplate>
                </ListView.ItemsPanel>
                <ListView.ItemContainerStyle>
                    <Style TargetType="{x:Type ListViewItem}">
                        <Setter Property="Template">
                            <Setter.Value>
                                <ControlTemplate TargetType="{x:Type ListViewItem}">
                                    <Grid>
                                        <Grid.ColumnDefinitions>
                                            <ColumnDefinition Width="*"/>
                                        </Grid.ColumnDefinitions>
                                        <!--<Border x:Name="BD_Collector" CornerRadius="5" Background="DarkSeaGreen" BorderBrush="Black" BorderThickness="1" Width="auto" Height="30" Margin="5,0,0,0">
                                            <Label Content="{Binding StepNo}" VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="13">
                                            </Label>
                                        </Border>-->
                                        <Border x:Name="BD_Collector2" CornerRadius="5" Background="DarkSeaGreen" BorderBrush="Black" BorderThickness="1" Width="auto" Height="30" Margin="1,0,5,0">
                                            <Label Content="{Binding  StepName}" VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="13">
                                            </Label>
                                        </Border>
                                    </Grid>
                                    <ControlTemplate.Triggers>
                                        <Trigger Property="IsMouseOver" Value="True">
                                            <!--<Setter TargetName="BD_Collector" Property="Background" Value="YellowGreen"/>-->
                                            <Setter TargetName="BD_Collector2" Property="Background" Value="YellowGreen"/>
                                        </Trigger>
                                        <Trigger Property="IsSelected" Value="True">
                                            <!--<Setter TargetName="BD_Collector" Property="Background" Value="DarkGreen"/>-->
                                            <Setter TargetName="BD_Collector2" Property="Background" Value="DarkGreen"/>
                                        </Trigger>
                                    </ControlTemplate.Triggers>
                                </ControlTemplate>
                            </Setter.Value>
                        </Setter>
                    </Style>
                </ListView.ItemContainerStyle>
            </ListView>
            <StackPanel Orientation="Horizontal" Visibility="{Binding LoopCountVisibility}" Height="35" Width="293" Grid.Row="1">
                <TextBlock Text="Loop Counts : " TextAlignment="Center" VerticalAlignment="Center"></TextBlock>
                <TextBox Text="{Binding LoopCounts, UpdateSourceTrigger=PropertyChanged}" Tag="Number" Width="210">
                </TextBox>
            </StackPanel>
            <StackPanel Orientation="Horizontal" HorizontalAlignment="Right" Grid.Row="2">
                <Button Content="Save" Width="120" Margin="0,10,20,10">
                    <i:Interaction.Triggers>
                        <i:EventTrigger EventName="Click">
                            <cal:ActionMessage MethodName="Save"/>
                        </i:EventTrigger>
                    </i:Interaction.Triggers>
                </Button>
                <Button Content="Cancel" Width="120" Margin="0,10,20,10">
                    <i:Interaction.Triggers>
                        <i:EventTrigger EventName="Click">
                            <cal:ActionMessage MethodName="Close"/>
                        </i:EventTrigger>
                    </i:Interaction.Triggers>
                </Button>
            </StackPanel>
        </Grid>
    </Border>
</UserControl>