DataGrid ColumnStyle question

Hi folks,

I have problem with the DataGrid styling because I couldn't find the place where I can style the remaining space after the last colums in the header. Just have a look at my screenshot and you can easily see what the problem is.

http://pvrzqw.bay.livefilestore.com/y1pdJj04Jgsd-17o9fp6UfAU3F8uAGcnYzQGYqQkatZVkyI8Y6D_MjfrthBoi5cyGVTJZiob9_q10o/DataGridStyling.JPG

Re: DataGrid ColumnStyle question

Hi,

Is this RC0? This bug has been fixed in RTW build. Please give it a try.

Re: Re: DataGrid ColumnStyle question

I thought I have the RTW version. Here is the version number of my SL installation : 2.0.31005.0

Cheers

Jan

Re: Re: DataGrid ColumnStyle question

Yes. This should be the RTW version. Do you mind to post your style? Did you restyle it by using the ColumnHeaderStyle?

Re: Re: Re: DataGrid ColumnStyle question

Yes I'm using a ColumnHeaderStyle.

Here the code:

Style x:Key="DarkDataGridColumnHeaderStyle" TargetType="System_Windows_Controls_Primitives:DataGridColumnHeader">
      <Setter Property="Foreground" Value="#FFE2E2E2"/>
      <Setter Property="HorizontalContentAlignment" Value="Center"/>
      <Setter Property="VerticalContentAlignment" Value="Center"/>
      <Setter Property="FontSize" Value="10.5"/>
      <Setter Property="FontWeight" Value="Bold"/>
      <Setter Property="IsTabStop" Value="False"/>
      <Setter Property="SeparatorBrush" Value="#FFC5C5C5"/>
      <Setter Property="Padding" Value="4,4,5,4"/>

      <Setter Property="Template">
       <Setter.Value>
        <ControlTemplate TargetType="System_Windows_Controls_Primitives:DataGridColumnHeader">
         <Grid x:Name="Root">
          <Grid.ColumnDefinitions>
           <ColumnDefinition Width="Auto"/>
           <ColumnDefinition Width="*"/>
           <ColumnDefinition Width="Auto"/>
          </Grid.ColumnDefinitions>
          <Grid.RowDefinitions>
           <RowDefinition Height="*"/>
           <RowDefinition Height="*"/>
           <RowDefinition Height="Auto"/>
          </Grid.RowDefinitions>
          <VisualStateManager.VisualStateGroups>
           <VisualStateGroup x:Name="CommonStates">
            <VisualStateGroup.Transitions>
             <VisualTransition GeneratedDuration="00:00:0.1"/>
            </VisualStateGroup.Transitions>
            <VisualState x:Name="Normal"/>
            <VisualState x:Name="MouseOver">
             <Storyboard>
              <ColorAnimationUsingKeyFrames BeginTime="0" Duration="0" Storyboard.TargetName="BackgroundRectangle" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
               <SplineColorKeyFrame KeyTime="0" Value="#FF448DCA"/>
              </ColorAnimationUsingKeyFrames>
              <ColorAnimationUsingKeyFrames BeginTime="0" Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)">
               <SplineColorKeyFrame KeyTime="0" Value="#7FFFFFFF"/>
              </ColorAnimationUsingKeyFrames>
              <ColorAnimationUsingKeyFrames BeginTime="0" Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)">
               <SplineColorKeyFrame KeyTime="0" Value="#CCFFFFFF"/>
              </ColorAnimationUsingKeyFrames>
              <ColorAnimationUsingKeyFrames BeginTime="0" Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
               <SplineColorKeyFrame KeyTime="0" Value="#F2FFFFFF"/>
              </ColorAnimationUsingKeyFrames>
             </Storyboard>
            </VisualState>
           </VisualStateGroup>
           <VisualStateGroup x:Name="SortStates">
            <VisualStateGroup.Transitions>
             <VisualTransition GeneratedDuration="00:00:0.1"/>
            </VisualStateGroup.Transitions>
            <VisualState x:Name="Unsorted"/>
            <VisualState x:Name="SortAscending">
             <Storyboard>
              <DoubleAnimationUsingKeyFrames Storyboard.TargetName="SortIcon" Storyboard.TargetProperty="Opacity">
               <SplineDoubleKeyFrame KeyTime="0" Value="1.0"/>
              </DoubleAnimationUsingKeyFrames>
             </Storyboard>
            </VisualState>
            <VisualState x:Name="SortDescending">
             <Storyboard>
              <DoubleAnimationUsingKeyFrames Storyboard.TargetName="SortIcon" Storyboard.TargetProperty="Opacity">
               <SplineDoubleKeyFrame KeyTime="0" Value="1.0"/>
              </DoubleAnimationUsingKeyFrames>
              <DoubleAnimationUsingKeyFrames Storyboard.TargetName="SortIconTransform" Storyboard.TargetProperty="ScaleY">
               <SplineDoubleKeyFrame KeyTime="0" Value="-.9"/>
              </DoubleAnimationUsingKeyFrames>
             </Storyboard>
            </VisualState>
           </VisualStateGroup>
          </VisualStateManager.VisualStateGroups>
          <Rectangle x:Name="BackgroundRectangle" Grid.ColumnSpan="2" Grid.RowSpan="2" Fill="Black" Stretch="Fill"/>
          <Rectangle x:Name="BackgroundGradient" Grid.ColumnSpan="2" Grid.RowSpan="2" Stretch="Fill">
           <Rectangle.Fill>
            
         <LinearGradientBrush EndPoint="0.7,1" StartPoint="0.7,0">
    <GradientStop Color="#FFA3AEB9"/>
    <GradientStop Color="#FF8399A9" Offset="0.375"/>
    <GradientStop Color="#FF718597" Offset="0.375"/>
    <GradientStop Color="#FF000000" Offset="1"/>
   </LinearGradientBrush>
           </Rectangle.Fill>
          </Rectangle>
          <ContentPresenter Cursor="{TemplateBinding Cursor}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" Grid.RowSpan="2" Content="{TemplateBinding Content}"/>
          <Rectangle x:Name="VerticalSeparator" VerticalAlignment="Stretch" Width="1" Visibility="{TemplateBinding SeparatorVisibility}" Grid.Column="2" Grid.RowSpan="2" Fill="{TemplateBinding SeparatorBrush}"/>
          <Path HorizontalAlignment="Left" x:Name="SortIcon" VerticalAlignment="Center" Width="8" Opacity="0" RenderTransformOrigin=".5,.5" Grid.Column="1" Grid.RowSpan="2" Fill="#FF444444" Stretch="Uniform" Data="F1 M -5.215,6.099L 5.215,6.099L 0,0L -5.215,6.099 Z ">
           <Path.RenderTransform>
            <TransformGroup>
             <ScaleTransform ScaleX=".9" ScaleY=".9" x:Name="SortIconTransform"/>
            </TransformGroup>
           </Path.RenderTransform>
          </Path>
         </Grid>
        </ControlTemplate>
       </Setter.Value>
      </Setter>
      <Setter Property="Background" Value="{x:Null}"/>
    </Style>

Re: Re: Re: Re: DataGrid ColumnStyle question

This may help from the breaking changes document found here: http://blogs.msdn.com/silverlight_sdk/archive/2008/10/10/silverlight-breaking-changes-between-beta-2-and-release-updated-document.aspx

DataGridColumn.Header no longer supports visuals

Who Is Affected: Silverlight 2 Beta 2 managed applications that use the DataGrid.

Summary

Visuals cannot be duplicated so they cannot be used for the Header property due to column reordering.

Fix Required

To put visuals in column headers, users will need to template the column header to include the visual instead of setting it as the Header.

Beta 2[Xaml]

<data:DataGridTextColumn DisplayMemberBinding=”{Binding FirstName}”>

<data:DataGridTextColumn.Header>

</data:DataGridTextColumn.Header>

</data:DataGridTextColumn>

RTM[Xaml]

<data:DataGridTextColumn Binding="{Binding LastName}" Header="hello">

<data:DataGridTextColumn.HeaderStyle>

<Setter.Value>

</ControlTemplate>

</Setter.Value>

</Setter>

</Style>

</data:DataGridTextColumn.HeaderStyle>

</data:DataGridTextColumn>

(Please mark as Answered if this helps)

Silverlight Controls and Silverlight Toolkit

DataGrid ColumnStyle question

Re: DataGrid ColumnStyle question

Re: Re: DataGrid ColumnStyle question

Re: Re: DataGrid ColumnStyle question

Re: Re: Re: DataGrid ColumnStyle question

Re: Re: Re: Re: DataGrid ColumnStyle question

DataGridColumn.Header no longer supports visuals