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">
<SplineDoubleKeyFrame KeyTime="00:00:00.3000000" Value="0"/>
</ControlTemplate.Resources>
<igWindows:CardPanel>
<!-- Background -->
<Border
x:Name="Background"
Background="{TemplateBinding Background}"
BorderBrush="{TemplateBinding BorderBrush}"
BorderThickness="{TemplateBinding BorderThickness}"
CornerRadius="{TemplateBinding CornerRadius}"/>
<!-- Background Alternate -->
x:Name="Alternate"
Visibility="Collapsed"
Background="{TemplateBinding BackgroundAlternate}"
BorderBrush="{TemplateBinding BorderAlternateBrush}"
CornerRadius="{TemplateBinding CornerRadius}"
Opacity="1"/>
<!-- Background Selected -->
x:Name="Selected"
Visibility="Visible"
Background="{TemplateBinding BackgroundSelected}"
BorderBrush="{TemplateBinding BorderSelectedBrush}"
Opacity="0"/>
<!-- Background Active -->
x:Name="Active"
Background="{TemplateBinding BackgroundActive}"
BorderBrush="{TemplateBinding BorderActiveBrush}"
<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>
<Condition Property="IsActive" Value="True"/>
<Setter TargetName="CellContent" Property="Style" Value="{Binding Path=ForegroundActiveStyle, RelativeSource={RelativeSource TemplatedParent}}"/>
<Setter Property="Visibility" TargetName="Active" Value="Visible"/>
<EventTrigger RoutedEvent="igDP:DataRecordCellArea.Selected">
<EventTrigger.Actions>
<BeginStoryboard Storyboard="{StaticResource timelineIsSelected}"/>
</EventTrigger.Actions>
</EventTrigger>
<EventTrigger RoutedEvent="igDP:DataRecordCellArea.Deselected">
<BeginStoryboard Storyboard="{StaticResource timelineIsSelected_off}"/>
<Trigger Property="IsFilterRecord" Value="True">
<Setter Property="Visibility" TargetName="Selected" Value="Collapsed"/>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
Hello Carlos,
We are glad tha we were able to assist you.
Please feel free to post in the forums any other questions that you might have in the future.
Hi Stefan,
Sorry for not answering before, I was sent to a business travel with limited internet connectivity, and I couldn't test it until now.
It works!!! thanks a million. I thought I tested something similar before posting, but it's clear was not the case and probably I put the setter in the wrong place.
Again thanks!!!
Regards,
Carlos
Hello,
I am just checking the progress of this issue and was wondering if you managed to achieve your goal or if you need any further assistance on the matter.
Thank you for your post. I have been looking into it and I can suggest you set the CellValuePresenter’s BorderBrush Property to Transparent. You can add a Style like this:
<Style TargetType="{x:Type igDP:CellValuePresenter}"> <Setter Property="BorderBrush" Value="Transparent"/> </Style>
Please let me know if this helps you or you need further assistance on this matter.
Looking forward for your reply.