<UserControl x:Class="ViewX.Windows.WinTcpConnectionDebug.TcpConnectionDebug"
             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:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"
             xmlns:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"
             xmlns:myComponents="clr-namespace:ViewX.Components"
             mc:Ignorable="d"
             Height="560" Width="560">

    <Grid>
        <Grid.Resources>
            <Style x:Key="ChangedCellStyle19" TargetType="dxg:LightweightCellEditor">
                <Style.Triggers>
                    <EventTrigger RoutedEvent="Binding.TargetUpdated">
                        <BeginStoryboard>
                            <Storyboard>
                                <ColorAnimation Duration="00:00:10"
                                            Storyboard.TargetProperty="(DataGridCell.Background).(SolidColorBrush.Color)"
                                            From="OrangeRed" To="Transparent" />
                            </Storyboard>
                        </BeginStoryboard>
                    </EventTrigger>
                </Style.Triggers>
            </Style>
            <!--<Style x:Key="ChangedCellStyle9" TargetType="{x:Type dxg:CellContentPresenter}">
                <Style.Triggers>
                    <EventTrigger RoutedEvent="Binding.TargetUpdated">
                        <dxg:CellContentPresenter Background="OrangeRed" />
                    </EventTrigger>
                </Style.Triggers>
            </Style>-->
            <Style x:Key="ChangedCellStyle9" TargetType="{x:Type dxg:CellContentPresenter}">
                <Style.Triggers>
                    <EventTrigger RoutedEvent="Binding.TargetUpdated">
                        <BeginStoryboard>
                            <Storyboard>
                                <ColorAnimation Duration="00:00:10"
                                            Storyboard.TargetProperty="(dxg:CellContentPresenter.Background).(SolidColorBrush.Color)"
                                            From="OrangeRed" To="Transparent" />
                            </Storyboard>
                        </BeginStoryboard>
                    </EventTrigger>
                </Style.Triggers>
            </Style>
        </Grid.Resources>
        <Grid.RowDefinitions>
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>

        <dxg:GridControl Grid.Row="0" ItemsSource="{Binding Path=ReturnBytesAsCollection}" myComponents:ViewxGridInitialSizer.IsEnabled="true" >
            <dxg:GridControl.Columns>
                <dxg:GridColumn FieldName="BaseOffset" ReadOnly="True" Header="Offset" AllowMoving="False" HorizontalHeaderContentAlignment="Center" Tag="4" >
                    <dxg:GridColumn.EditSettings>
                        <dxe:TextEditSettings DisplayFormat="{}0x{0:X8}" />
                    </dxg:GridColumn.EditSettings>
                </dxg:GridColumn>
                <dxg:GridColumn FieldName="B_0" ReadOnly="True" Header="0" AllowMoving="False" HorizontalHeaderContentAlignment="Center" Tag="1" >
                    <dxg:GridColumn.EditSettings>
                        <dxe:TextEditSettings DisplayFormat="{}{0:X2}" />
                    </dxg:GridColumn.EditSettings>
                </dxg:GridColumn>
                <dxg:GridColumn FieldName="B_1" ReadOnly="True" Header="1" AllowMoving="False" HorizontalHeaderContentAlignment="Center" Tag="1" >
                    <dxg:GridColumn.EditSettings>
                        <dxe:TextEditSettings DisplayFormat="{}{0:X2}" />
                    </dxg:GridColumn.EditSettings>
                </dxg:GridColumn>
                <dxg:GridColumn FieldName="B_2" ReadOnly="True" Header="2" AllowMoving="False" HorizontalHeaderContentAlignment="Center" Tag="1" >
                    <dxg:GridColumn.EditSettings>
                        <dxe:TextEditSettings DisplayFormat="{}{0:X2}" />
                    </dxg:GridColumn.EditSettings>
                </dxg:GridColumn>
                <dxg:GridColumn FieldName="B_3" ReadOnly="True" Header="3" AllowMoving="False" HorizontalHeaderContentAlignment="Center" Tag="1" >
                    <dxg:GridColumn.EditSettings>
                        <dxe:TextEditSettings DisplayFormat="{}{0:X2}" />
                    </dxg:GridColumn.EditSettings>
                </dxg:GridColumn>
                <dxg:GridColumn FieldName="B_4" ReadOnly="True" Header="4" AllowMoving="False" HorizontalHeaderContentAlignment="Center" Tag="1" >
                    <dxg:GridColumn.EditSettings>
                        <dxe:TextEditSettings DisplayFormat="{}{0:X2}" />
                    </dxg:GridColumn.EditSettings>
                </dxg:GridColumn>
                <dxg:GridColumn FieldName="B_5" ReadOnly="True" Header="5" AllowMoving="False" HorizontalHeaderContentAlignment="Center" Tag="1" >
                    <dxg:GridColumn.EditSettings>
                        <dxe:TextEditSettings DisplayFormat="{}{0:X2}" />
                    </dxg:GridColumn.EditSettings>
                </dxg:GridColumn>
                <dxg:GridColumn FieldName="B_6" ReadOnly="True" Header="6" AllowMoving="False" HorizontalHeaderContentAlignment="Center" Tag="1" >
                    <dxg:GridColumn.EditSettings>
                        <dxe:TextEditSettings DisplayFormat="{}{0:X2}" />
                    </dxg:GridColumn.EditSettings>
                </dxg:GridColumn>
                <dxg:GridColumn FieldName="B_7" ReadOnly="True" Header="7" AllowMoving="False" HorizontalHeaderContentAlignment="Center" Tag="1" >
                    <dxg:GridColumn.EditSettings>
                        <dxe:TextEditSettings DisplayFormat="{}{0:X2}" />
                    </dxg:GridColumn.EditSettings>
                </dxg:GridColumn>
                <dxg:GridColumn FieldName="B_8" ReadOnly="True" Header="8" AllowMoving="False" HorizontalHeaderContentAlignment="Center" Tag="1" >
                    <dxg:GridColumn.EditSettings>
                        <dxe:TextEditSettings DisplayFormat="{}{0:X2}" />
                    </dxg:GridColumn.EditSettings>
                </dxg:GridColumn>
                <dxg:GridColumn FieldName="B_9" ReadOnly="True" Header="9" AllowMoving="False" HorizontalHeaderContentAlignment="Center" Tag="1" >
                    <dxg:GridColumn.EditSettings>
                        <dxe:TextEditSettings DisplayFormat="{}{0:X2}" />
                    </dxg:GridColumn.EditSettings>
                </dxg:GridColumn>
                <dxg:GridColumn FieldName="B_A" ReadOnly="True" Header="A" AllowMoving="False" HorizontalHeaderContentAlignment="Center" Tag="1" >
                    <dxg:GridColumn.EditSettings>
                        <dxe:TextEditSettings DisplayFormat="{}{0:X2}" />
                    </dxg:GridColumn.EditSettings>
                </dxg:GridColumn>
                <dxg:GridColumn FieldName="B_B" ReadOnly="True" Header="B" AllowMoving="False" HorizontalHeaderContentAlignment="Center" Tag="1" >
                    <dxg:GridColumn.EditSettings>
                        <dxe:TextEditSettings DisplayFormat="{}{0:X2}" />
                    </dxg:GridColumn.EditSettings>
                </dxg:GridColumn>
                <dxg:GridColumn FieldName="B_C" ReadOnly="True" Header="C" AllowMoving="False" HorizontalHeaderContentAlignment="Center" Tag="1" >
                    <dxg:GridColumn.EditSettings>
                        <dxe:TextEditSettings DisplayFormat="{}{0:X2}" />
                    </dxg:GridColumn.EditSettings>
                </dxg:GridColumn>
                <dxg:GridColumn FieldName="B_D" ReadOnly="True" Header="D" AllowMoving="False" HorizontalHeaderContentAlignment="Center" Tag="1" >
                    <dxg:GridColumn.EditSettings>
                        <dxe:TextEditSettings DisplayFormat="{}{0:X2}" />
                    </dxg:GridColumn.EditSettings>
                </dxg:GridColumn>
                <dxg:GridColumn FieldName="B_E" ReadOnly="True" Header="E" AllowMoving="False" HorizontalHeaderContentAlignment="Center" Tag="1" >
                    <dxg:GridColumn.EditSettings>
                        <dxe:TextEditSettings DisplayFormat="{}{0:X2}" />
                    </dxg:GridColumn.EditSettings>
                </dxg:GridColumn>
                <dxg:GridColumn FieldName="B_F" ReadOnly="True" Header="F" AllowMoving="False" HorizontalHeaderContentAlignment="Center" Tag="1" >
                    <dxg:GridColumn.EditSettings>
                        <dxe:TextEditSettings DisplayFormat="{}{0:X2}" />
                    </dxg:GridColumn.EditSettings>
                </dxg:GridColumn>
            </dxg:GridControl.Columns>
            
            <dxg:GridControl.View>
                <dxg:TableView  AllowEditing="False" AutoWidth="True" ShowGroupPanel="False" AllowGrouping="False" AllowSorting="False" BestFitArea="All" BestFitMode="Default"  />
            </dxg:GridControl.View>
        </dxg:GridControl>

    </Grid>
</UserControl>