ELK/Furnace/FurnaceUI/Views/Editors/RecipeVPItemSelectView.xaml

<UserControl x:Class="FurnaceUI.Views.Editors.RecipeVPItemSelectView"
             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" xmlns:converter="clr-namespace:FurnaceUI.Converter" xmlns:converter1="clr-namespace:MECF.Framework.UI.Client.Ctrlib.Converter;assembly=MECF.Framework.UI.Client"
             mc:Ignorable="d" 
              Height="700" Width="940" FontFamily="Segoe" Background="White">
    <UserControl.Resources>
        <converter:IsCheckShowStringConverter  x:Key="isCheckShowStringConverter"/>
        <converter1:BoolReverseConverter  x:Key="boolReverseConverter"/>
    </UserControl.Resources>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition Height="80"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="250"/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>
        <DockPanel>
            <Canvas/>
        </DockPanel>

        <Grid Margin="10">
            <Grid.RowDefinitions>
                <RowDefinition Height="60"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
            <TextBlock Style="{StaticResource TextBlock_Title}" Text="Item Group" VerticalAlignment="Center"/>
            <Border Grid.Row="1" BorderBrush="Gray" BorderThickness="1">
                <ListBox ItemsSource="{Binding ItemGroup}" >
                    <ListBox.ItemsPanel>
                        <ItemsPanelTemplate>
                            <StackPanel Margin="10,0,10,10"></StackPanel>
                        </ItemsPanelTemplate>
                    </ListBox.ItemsPanel>
                    <ListBox.ItemTemplate>
                        <DataTemplate>
                            <ContentControl Width="200">
                                <Border BorderBrush="Gray" BorderThickness="1,0,1,1">
                                <RadioButton Content="{Binding}"  Style="{StaticResource NormalRadioButton}" GroupName="PressureSetpoint" FontSize="20" Margin="4,0,4,4">
                                    <i:Interaction.Triggers>
                                        <i:EventTrigger EventName="Checked">
                                            <cal:ActionMessage MethodName="ItemChecked">
                                                <cal:Parameter Value="{Binding}"></cal:Parameter>
                                            </cal:ActionMessage>
                                        </i:EventTrigger>
                                    </i:Interaction.Triggers>
                                </RadioButton>
                                </Border>
                            </ContentControl>
                        </DataTemplate>
                    </ListBox.ItemTemplate>
                </ListBox>
            </Border>
            
        </Grid>
        <Grid Grid.Column="1">
            <Grid.RowDefinitions>
                <RowDefinition Height="80"/>
                <RowDefinition/>
            </Grid.RowDefinitions>
            <Border BorderBrush="Gray" BorderThickness="1" Margin="10">
                <StackPanel Orientation="Horizontal">
                    <TextBlock Text="Selected Group:" FontSize="14" VerticalAlignment="Center"/>
                    <TextBox Text="{Binding SelectedGroup}" IsEnabled="False" Width="200" Margin="4"/>
                    <TextBlock Text="Selected Item:" FontSize="14" VerticalAlignment="Center"/>
                    <TextBox Text="{Binding SelectedItem}" IsEnabled="False" Width="200" Margin="4"/>
                </StackPanel>
            </Border>
            <ListBox Grid.Row="1" ItemsSource="{Binding SelectedItemList}"  Margin="10">
                <ListBox.ItemsPanel>
                    <ItemsPanelTemplate>
                        <UniformGrid Margin="10,0,10,10" Columns="3"></UniformGrid>
                    </ItemsPanelTemplate>
                </ListBox.ItemsPanel>
                <ListBox.ItemTemplate>
                    <DataTemplate>
                        <ContentControl Width="200">
                            <Border BorderBrush="Gray" BorderThickness="1,1,1,1">
                                <Grid>
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="25"/>
                                        <ColumnDefinition Width="*"/>
                                    </Grid.ColumnDefinitions>
                                <TextBlock Grid.Column="0" Text="{Binding No}" VerticalAlignment="Center" Margin="4" />
                                    <RadioButton Grid.Column="1" Content="{Binding Name}"   GroupName="PressureSetpoint" FontSize="20" Margin="0,0,4,4" IsEnabled="{ Binding IsCheck, Converter={StaticResource boolReverseConverter}}">
                                    <i:Interaction.Triggers>
                                        <i:EventTrigger EventName="Checked">
                                                <cal:ActionMessage MethodName="SubItemChecked">
                                                    <cal:Parameter Value="{Binding Name}"></cal:Parameter>
                                            </cal:ActionMessage>
                                        </i:EventTrigger>
                                    </i:Interaction.Triggers>
                                </RadioButton>
                                </Grid>
                            </Border>
                        </ContentControl>
                    </DataTemplate>
                </ListBox.ItemTemplate>
            </ListBox>
        </Grid>
        <Border Grid.Row="2" Grid.ColumnSpan="2">
            <Grid>
                <Canvas>
                    <Button Width="130" Height="45" Content="Clear" Style="{StaticResource CommandButton}" Canvas.Left="34" Canvas.Top="19"></Button>
                    <Button Content="Save" Canvas.Left="406" Canvas.Top="19" Width="130" Height="45"  Style="{StaticResource CommandButton}" IsEnabled="{Binding IsEnable}">
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="Click">
                                <cal:ActionMessage MethodName="TempSetSave">
                                </cal:ActionMessage>
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                    </Button>
                    <Button Content="Close" Canvas.Left="556" Canvas.Top="19" Width="130" Height="45" Style="{StaticResource CommandButton}">
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="Click">
                                <cal:ActionMessage MethodName="TempSetCancel">
                                </cal:ActionMessage>
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                    </Button>
                </Canvas>
            </Grid>
        </Border>
    </Grid>
</UserControl>