[Solved] Changing the color of group item

[Farhan]

I have problem to change the color of group panel item e.g. radgridview column which i draged and droped in group panel, how i can do that, similarly i am not able to change color of row header indicator as well.

Thanks
  

[Vanya Pavlova]

Hi Farhan,

In order to change the GridViewHeaderCell when dropping it in GridViewGroupPanel, you can create a simple style targeted at GridViewGroupPanelCell and set its background property to the color you want.
Similarly, to change the RowIndicator of the GridViewRow, you can use Blend for creating a custom style for the GridViewRow. All you need to do is to find Part_IndicatorPresenter and predefine its properties so that they meet your requirements.
Attached is a sample solution that demonstrates this approach.
If you need any additional information, do not hesitate to contact us.


Best wishes,
Vanya Pavlova
the Telerik team

[Farhan]

Its totally confusing for me i need to change the backgroundcolor of GridViewHeaderRow

#FF08486B
for 
GridViewHeaderRow 
and i wrote this code
<Grid x:Name="LayoutRoot" Background="#FFFFFFCC">
 
        <Grid.Resources>
            
            
            <Style x:Key="GridView_HeaderBackground" TargetType="telerik:GridViewHeaderRow">
                <Setter Property="Background" Value="#FF08486B" />
            </Style>
            
        </Grid.Resources>
</Grid>



and in radGridview i am adding this
HeaderRowStyle="{StaticResource GridView_HeaderBackground}" 


but backgroundcolor is not getting change






Thanks

[Vanya Pavlova]

Hi Farhan,

I tried your code on my machine and it works as expected. I suppose that you have set the ColumnWidth property of the RadGridView to * and then you would not be able to see the GridViewHeaderRow style.
I just want to mention you that if you want to change also the GridViewHeaderCells, you should create a simple style for the GridViewHeaderCell, because the GridViewHeaderRow's style would not affect GridViewHeaderCells.
Please try this code and let me know how it goes:

<Grid x:Name="LayoutRoot" Background="#FFFFFFCC" DataContext="{Binding Source={StaticResource SampleDataSource}}">
         <Grid.Resources>
            <Style x:Key="GridView_HeaderBackground" TargetType="telerik:GridViewHeaderRow">
                <Setter Property="Background" Value="#FF08486B" />
             </Style>
             <Style x:Key="headerCellStyle" TargetType="telerik:GridViewHeaderCell">
                <Setter Property="Background" Value="#FF08486B" />
                </Style>
         </Grid.Resources>
        <telerik:RadGridView Margin="32,24,43,143" AutoGenerateColumns="False" HeaderRowStyle="{StaticResource GridView_HeaderBackground}" ItemsSource="{Binding Collection}">
            <telerik:RadGridView.Columns>
                <telerik:GridViewDataColumn Header="Property1" HeaderCellStyle="{StaticResource headerCellStyle}" DataMemberBinding="{Binding Property1}"/>
                <telerik:GridViewDataColumn Header="Property1" DataMemberBinding="{Binding Property2}"/>

                </telerik:RadGridView.Columns>
            </telerik:RadGridView>
    </Grid>

Kind regards,
Vanya Pavlova
the Telerik team