Change the Grouping Arrow Icons

[Russell]

Hello there,

 

In the RadGridView, when the grid is grouped by a column, each group header row has an arrow icon on the left hand side pointing up or down to indicate whether the group is expanded or not.  Is it possible to change that icon to a custom icon?

 

Thanks

Russell

[mkk09]

Hello,

I am using Telerik for Silverlight project. I have parent child relationship in tables. I am able to display data from both tables. Parent table expand/collapse with arrow icon but child table's data expand/collapse with +/- icon. 

I want both table's data should expand/collapse with arrow icon.

Can you please help me.

Thanks.

[Stenly]

To achieve this requirement, you could create a new DataTemplate for the PlusMinusTemplate property of the GridViewToggleButton element.

Alternatively, the default control template for the PlusMinusTemplate could be extracted and modified to suit the needs of the application that you are currently working on. The Editing Control Templates article from our documentation shows a step-by-step guide on how to extract our templates.

Finally, after creating a custom one, or modifying the default one, create a new Style with TargetType="GridViewToggleButton" and set the custom template to the PlusMinusTemplate property.

<!--If NoXaml is used add the BasedOn property: BasedOn="{StaticResource GridViewToggleButtonStyle}"-->
<Style TargetType="telerik:GridViewToggleButton">
    <Setter Property="PlusMinusTemplate" Value="{StaticResource MyGridViewToggleButtonTemplate}"/>
</Style>

[Yoan]

Hi Russell,

You can achieve this by modifying the default style of the GridViewGroupRow. Please check this help article for a reference.

Regards,
Yoan
Telerik

[Russell]

Perfect, thanks very much! :-)