Hi,

 I'm trying to use xamDataGrid within a semi transparent control. I managed to modify the CellValuePresenter and the ScrollViewer styles so they have the background transparent, but still there is something white at the right of the DataRecordCellArea, but don't know how to remove it

This is the Style I'm loading:

 <!--Infragistics Grid Row Style-->

    <Style TargetType="{x:Type igDP:DataRecordCellArea}">

      <Setter Property="Template">

        <Setter.Value>

          <ControlTemplate TargetType="{x:Type igDP:DataRecordCellArea}">

            <ControlTemplate.Resources>

              <Storyboard x:Key="timelineIsSelected">

                <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Selected" Storyboard.TargetProperty="(UIElement.Opacity)">

                  <SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="1"/>

                </DoubleAnimationUsingKeyFrames>

              </Storyboard>

              <Storyboard x:Key="timelineIsSelected_off">

                <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Selected" Storyboard.TargetProperty="(UIElement.Opacity)">

                  <SplineDoubleKeyFrame KeyTime="00:00:00.3000000" Value="0"/>

                </DoubleAnimationUsingKeyFrames>

              </Storyboard>

            </ControlTemplate.Resources>

            <igWindows:CardPanel>

              <!-- Background -->

              <Border

              x:Name="Background"

              Background="{TemplateBinding Background}"

              BorderBrush="{TemplateBinding BorderBrush}"

              BorderThickness="{TemplateBinding BorderThickness}"

                                   CornerRadius="{TemplateBinding CornerRadius}"/>

              <!-- Background Alternate -->

              <Border

              x:Name="Alternate"

              Visibility="Collapsed"

              Background="{TemplateBinding BackgroundAlternate}"

              BorderBrush="{TemplateBinding BorderAlternateBrush}"

              BorderThickness="{TemplateBinding BorderThickness}"

              CornerRadius="{TemplateBinding CornerRadius}"

              Opacity="1"/>

              <!-- Background Selected -->

              <Border

              x:Name="Selected"

              Visibility="Visible"

              Background="{TemplateBinding BackgroundSelected}"

              BorderBrush="{TemplateBinding BorderSelectedBrush}"

              BorderThickness="{TemplateBinding BorderThickness}"

              CornerRadius="{TemplateBinding CornerRadius}"

              Opacity="0"/>

              <!-- Background Active -->

              <Border

              x:Name="Active"

              Visibility="Collapsed"

              Background="{TemplateBinding BackgroundActive}"

              BorderBrush="{TemplateBinding BorderActiveBrush}"

              BorderThickness="{TemplateBinding BorderThickness}"

              CornerRadius="{TemplateBinding CornerRadius}"/>

              <ContentPresenter x:Name="CellContent" Style="{TemplateBinding ForegroundStyle}" Content="{TemplateBinding Content}"/>

            </igWindows:CardPanel>

            <ControlTemplate.Triggers>

              <MultiTrigger>

                <MultiTrigger.Conditions>

                  <Condition Property="IsAlternate" Value="True"/>

                  <Condition Property="IsFilterRecord" Value="False"/>

                  <Condition Property="IsAddRecord" Value="False"/>

                </MultiTrigger.Conditions>

                <Setter TargetName="Alternate" Property="Visibility" Value="Visible"/>

                <Setter TargetName="CellContent" Property="Style" Value="{Binding Path=ForegroundAlternateStyle, RelativeSource={RelativeSource TemplatedParent}}"/>

              </MultiTrigger>

              <MultiTrigger>

                <MultiTrigger.Conditions>

                  <Condition Property="IsActive" Value="True"/>

                  <Condition Property="IsFilterRecord" Value="False"/>

                </MultiTrigger.Conditions>

                <Setter TargetName="CellContent" Property="Style" Value="{Binding Path=ForegroundActiveStyle, RelativeSource={RelativeSource TemplatedParent}}"/>

                <Setter Property="Visibility" TargetName="Active" Value="Visible"/>

              </MultiTrigger>

              <EventTrigger RoutedEvent="igDP:DataRecordCellArea.Selected">

                <EventTrigger.Actions>

                  <BeginStoryboard Storyboard="{StaticResource timelineIsSelected}"/>

                </EventTrigger.Actions>

              </EventTrigger>

              <EventTrigger RoutedEvent="igDP:DataRecordCellArea.Deselected">

                <EventTrigger.Actions>

                  <BeginStoryboard Storyboard="{StaticResource timelineIsSelected_off}"/>

                </EventTrigger.Actions>

              </EventTrigger>

              <Trigger Property="IsFilterRecord" Value="True">

                <Setter Property="Visibility" TargetName="Selected" Value="Collapsed"/>

              </Trigger>

            </ControlTemplate.Triggers>

          </ControlTemplate>

        </Setter.Value>

      </Setter>

    </Style>