CyberX8/CyberX8_MainPages/Views/SignalTowerConfigView.xaml

<UserControl x:Class="CyberX8_MainPages.Views.SignalTowerConfigView"
             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:CyberX8_MainPages.Views"
             mc:Ignorable="d" 
             xmlns:prism="http://prismlibrary.com/"
             xmlns:ctrl="http://OpenSEMI.Ctrlib.com/presentation"
             xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
             xmlns:toolkit="clr-namespace:Xceed.Wpf.Toolkit;assembly=Xceed.Wpf.Toolkit"
             prism:ViewModelLocator.AutoWireViewModel="True"           
             d:DesignHeight="1000" d:DesignWidth="1920">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="50"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <Grid Grid.Row="0">
            <!--<Button Content="Cancel" Grid.Column="2" Width="90" Height="30"  Margin="0" Padding="0" >

            </Button>-->
        </Grid>

        <Grid Grid.Row="1">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="1010"/>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>
            <DataGrid  HorizontalAlignment="Left" CanUserAddRows="False" AutoGenerateColumns="False" RowHeaderWidth="0"
               VirtualizingPanel.IsVirtualizing="True" VirtualizingPanel.VirtualizationMode="Recycling"
               ItemsSource="{Binding SignalTowerDatas}" Margin="0,5,0,0" Grid.ColumnSpan="2" >

                <DataGrid.Columns>
                    <DataGridTemplateColumn Header="Condition Name" Width="300">
                        <DataGridTemplateColumn.CellTemplate>
                            <DataTemplate>
                                <TextBlock Text="{Binding Name}" Margin="5,0" FontFamily="Arial" FontSize="14" Foreground="{DynamicResource FG_Black}" HorizontalAlignment="Left" VerticalAlignment="Center" >
                                </TextBlock>
                            </DataTemplate>
                        </DataGridTemplateColumn.CellTemplate>
                    </DataGridTemplateColumn>

                    <DataGridTemplateColumn Header="Red" Width="140">
                        <DataGridTemplateColumn.CellTemplate>
                            <DataTemplate>

                                <Border HorizontalAlignment="Stretch" Background="OrangeRed">
                                    <StackPanel Orientation="Horizontal">
                                        <CheckBox  VerticalContentAlignment="Center" VerticalAlignment="Center" Content="ON"  IsChecked="{Binding Path=IsRed, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" Width="50" Height="25" ></CheckBox>
                                        <CheckBox Padding="10,0,0,0"  VerticalContentAlignment="Center" VerticalAlignment="Center" Content="Blinking"  IsChecked="{Binding Path=IsRedBlinking, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" Width="80" Height="25" ></CheckBox>

                                    </StackPanel>
                                </Border>
                            </DataTemplate>
                        </DataGridTemplateColumn.CellTemplate>
                    </DataGridTemplateColumn>

                    <DataGridTemplateColumn Header="Yellow" Width="140">
                        <DataGridTemplateColumn.CellTemplate>
                            <DataTemplate>
                                <Border HorizontalAlignment="Stretch" Background="LightGoldenrodYellow">
                                    <StackPanel Orientation="Horizontal">
                                        <CheckBox  VerticalContentAlignment="Center" VerticalAlignment="Center" Content="ON"  IsChecked="{Binding Path=IsYellow, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" Width="50" Height="25" ></CheckBox>
                                        <CheckBox Padding="10,0,0,0"  VerticalContentAlignment="Center" VerticalAlignment="Center" Content="Blinking"  IsChecked="{Binding Path=IsYellowBlinking, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" Width="80" Height="25" ></CheckBox>

                                    </StackPanel>
                                </Border>
                            </DataTemplate>
                        </DataGridTemplateColumn.CellTemplate>
                    </DataGridTemplateColumn>

                    <DataGridTemplateColumn Header="Green" Width="140">
                        <DataGridTemplateColumn.CellTemplate>
                            <DataTemplate>
                                <Border HorizontalAlignment="Stretch" Background="LightGreen">
                                    <StackPanel Orientation="Horizontal">
                                        <CheckBox  VerticalContentAlignment="Center" VerticalAlignment="Center" Content="ON"  IsChecked="{Binding Path=IsGreen, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" Width="50" Height="25" ></CheckBox>
                                        <CheckBox Padding="10,0,0,0"  VerticalContentAlignment="Center" VerticalAlignment="Center" Content="Blinking"  IsChecked="{Binding Path=IsGreenBlinking, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" Width="80" Height="25" ></CheckBox>

                                    </StackPanel>
                                </Border>
                            </DataTemplate>
                        </DataGridTemplateColumn.CellTemplate>
                    </DataGridTemplateColumn>


                    <DataGridTemplateColumn Header="Blue" Width="140">
                        <DataGridTemplateColumn.CellTemplate>
                            <DataTemplate>
                                <Border HorizontalAlignment="Stretch" Background="LightBlue">
                                    <StackPanel Orientation="Horizontal">
                                        <CheckBox  VerticalContentAlignment="Center" VerticalAlignment="Center" Content="ON"  IsChecked="{Binding Path=IsBlue, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" Width="50" Height="25" ></CheckBox>
                                        <CheckBox Padding="10,0,0,0"  VerticalContentAlignment="Center" VerticalAlignment="Center" Content="Blinking"  IsChecked="{Binding Path=IsBlueBlinking, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" Width="80" Height="25" ></CheckBox>

                                    </StackPanel>
                                </Border>
                            </DataTemplate>
                        </DataGridTemplateColumn.CellTemplate>
                    </DataGridTemplateColumn>

                    <DataGridTemplateColumn Header="Buzzer" Width="140">
                        <DataGridTemplateColumn.CellTemplate>
                            <DataTemplate>
                                <Border HorizontalAlignment="Stretch" Background="White">
                                    <StackPanel Orientation="Horizontal">
                                        <CheckBox  VerticalContentAlignment="Center" VerticalAlignment="Center" Content="ON"  IsChecked="{Binding Path=IsBuzzer, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" Width="50" Height="25" ></CheckBox>
                                        <CheckBox Padding="10,0,0,0"  VerticalContentAlignment="Center" VerticalAlignment="Center" Content="Blinking"  IsChecked="{Binding Path=IsBuzzerBlinking, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" Width="80" Height="25" ></CheckBox>

                                    </StackPanel>
                                </Border>
                            </DataTemplate>
                        </DataGridTemplateColumn.CellTemplate>
                    </DataGridTemplateColumn>

                </DataGrid.Columns>
            </DataGrid>
            <Button Grid.Column="1" Content="Save" HorizontalAlignment="Left" Width="120" Height="36"  Margin="60,0,0,0" Padding="0" Command="{Binding SaveConfigCommand}"/>
        </Grid>
    </Grid>
</UserControl>