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

<UserControl x:Class="FurnaceUI.Views.Editors.RecipeTempModeView"
             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" d:DataContext="{d:DesignInstance Type=local:RecipeTempModeViewModel}"
             mc:Ignorable="d" 
              Height="600" Width="740" FontFamily="Segoe" Background="White">
    <UserControl.Resources>
        <converter:IsCheckShowStringConverter  x:Key="isCheckShowStringConverter"/>
        <converter:PIDShowConverter  x:Key="pIDShowConverter"/>
    </UserControl.Resources>
    <Grid Margin="10">
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition Height="80"/>
        </Grid.RowDefinitions>
        <DockPanel>
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="60"/>
                    <RowDefinition Height="*"/>
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition/>
                    <ColumnDefinition/>
                </Grid.ColumnDefinitions>
                <Border Grid.ColumnSpan="2" BorderBrush="Gray" BorderThickness="1,1,1,0">
                    <Label  Content="Temperature Control Mode" FontSize="20" VerticalContentAlignment="Center"/>
                </Border>
                <Border  Grid.Row="1" BorderBrush="Gray" BorderThickness="1">
                    <Grid >
                        <Grid.RowDefinitions>
                            <RowDefinition Height="60"/>
                            <RowDefinition Height="*"/>
                        </Grid.RowDefinitions>
                        <TextBox Text="for Production" FontSize="14" IsEnabled="False" Height="30" Width="100" Margin="10" HorizontalAlignment="Left"  VerticalContentAlignment="Center"/>
                        <StackPanel Grid.Row="1">
                            <RadioButton Content="Heater Control" IsChecked="{Binding HeaterControlIsChecked, UpdateSourceTrigger=PropertyChanged}" GroupName="TempMode">
                                <i:Interaction.Triggers>
                                    <i:EventTrigger EventName="Checked">
                                        <cal:ActionMessage MethodName="RdoChecked">
                                            <cal:Parameter Value="Heater"/>
                                        </cal:ActionMessage>
                                    </i:EventTrigger>
                                </i:Interaction.Triggers>
                            </RadioButton>
                            <RadioButton Content="Furnace Control"  IsChecked="{Binding FurnaceControlIsChecked, UpdateSourceTrigger=PropertyChanged}"  GroupName="TempMode">
                                <i:Interaction.Triggers>
                                    <i:EventTrigger EventName="Checked">
                                        <cal:ActionMessage MethodName="RdoChecked">
                                            <cal:Parameter Value="Furnace"/>
                                        </cal:ActionMessage>
                                    </i:EventTrigger>
                                </i:Interaction.Triggers>
                            </RadioButton>
                            <RadioButton Content="Furnace Direct Control" IsChecked="{Binding FurnaceDirectControlIsChecked,UpdateSourceTrigger=PropertyChanged}"  GroupName="TempMode">
                                <i:Interaction.Triggers>
                                    <i:EventTrigger EventName="Checked">
                                        <cal:ActionMessage MethodName="RdoChecked">
                                            <cal:Parameter Value="Direct"/>
                                        </cal:ActionMessage>
                                    </i:EventTrigger>
                                </i:Interaction.Triggers>
                            </RadioButton>
                            <StackPanel.Resources>
                                <Style TargetType="RadioButton" BasedOn="{StaticResource NormalRadioButtonStyle}">
                                    <Setter Property="Width" Value="200"/>
                                    <Setter Property="Height" Value="50"/>
                                    <Setter Property="Margin" Value="10"/>
                                </Style>
                            </StackPanel.Resources>
                        </StackPanel>
                    </Grid>
                </Border>
                <Border Grid.Row="1" Grid.Column="1" BorderBrush="Gray" BorderThickness="0,1,1,1">
                    <Grid  Visibility="{Binding ModelLeftVisibility, Converter={StaticResource bool2VisibilityConverter},UpdateSourceTrigger=PropertyChanged}"  >
                        <Grid.RowDefinitions>
                            <RowDefinition Height="60"/>
                            <RowDefinition Height="*"/>
                        </Grid.RowDefinitions>
                        <TextBox Text="for Maintenance" FontSize="14" IsEnabled="False" Height="30" Width="116" Margin="10,15,0,15" HorizontalAlignment="Left"  VerticalContentAlignment="Center"/>

                        <Canvas Grid.Row="1">
                            <RadioButton Content="Profile Control" IsChecked="{Binding ProfileControlIsChecked, UpdateSourceTrigger=PropertyChanged}" GroupName="TempMode" Canvas.Left="10" Canvas.Top="10">
                                <i:Interaction.Triggers>
                                    <i:EventTrigger EventName="Checked">
                                        <cal:ActionMessage MethodName="RdoChecked">
                                            <cal:Parameter Value="Profile"/>
                                        </cal:ActionMessage>
                                    </i:EventTrigger>
                                </i:Interaction.Triggers>
                            </RadioButton>
                            <Button Canvas.Left="230" Canvas.Top="20"  Height="50" Content="{Binding SelectProfileTable, Converter={StaticResource pIDShowConverter}}" Width="100" Visibility="{Binding IsProfileSelected,Converter={ StaticResource BoolVisibilityConverter }}">
                                <i:Interaction.Triggers>
                                    <i:EventTrigger EventName="Click">
                                        <cal:ActionMessage MethodName="ProfileClick">
                                        </cal:ActionMessage>
                                    </i:EventTrigger>
                                </i:Interaction.Triggers>
                            </Button>
                            <Canvas.Resources>
                                <Style TargetType="RadioButton" BasedOn="{StaticResource NormalRadioButtonStyle}">
                                    <Setter Property="Width" Value="200"/>
                                    <Setter Property="Height" Value="50"/>
                                    <Setter Property="Margin" Value="10"/>
                                </Style>
                            </Canvas.Resources>
                        </Canvas>
                    </Grid>
                </Border>
            </Grid>
        </DockPanel>

        <Border Grid.Row="2">
            <Grid>
                <Canvas>
                    <Button Content="Save" Canvas.Left="406" Canvas.Top="19" Width="130" Height="45"  Style="{StaticResource CommandButton}" IsEnabled="{Binding IsEnable,UpdateSourceTrigger=PropertyChanged}">
                        <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>