RadCollectionViewGroupView ExpandCollapseIndicatorStyle - set indicator (chevron icon) a different colour

1 Answer 12 Views
CollectionView
Matt
Top achievements
Rank 1
Matt asked on 17 Apr 2025, 07:07 AM

Hello,

Is there a way to change to the colour of the indicator icon in ExpandCollapseIndicatorStyle.

This is what I have so far:

I've also included a screenshot of the area I'm trying to change. I thought TextColor would work, but that doesn't seem to have helped. I'm looking to change the colour to white or black via a dynamic resource.
<Style x:Key="GroupHeaderStyle" TargetType="telerik:RadCollectionViewGroupView">
                <Setter Property="ExpandCollapseIndicatorStyle" Value="{StaticResource ExpandCollapseIndicatorStyle}" />
                <Setter Property="BackgroundColor" Value="{DynamicResource ListSelector_SearchBarBackgroundColor}" />
                <Setter Property="BorderColor" Value="{DynamicResource ListBorderBackgroundColor}" />
                <Setter Property="BorderThickness" Value="1" />
                <Setter Property="VisualStateManager.VisualStateGroups">
                    <VisualStateGroupList>
                        <VisualStateGroup Name="CommonStates">
                            <VisualState Name="Normal" />
                            <VisualState Name="PointerOver">
                                <VisualState.Setters>
                                    <Setter Property="BackgroundColor" Value="{DynamicResource ListBorderBackgroundColor}" />
                                </VisualState.Setters>
                            </VisualState>
                        </VisualStateGroup>
                    </VisualStateGroupList>
                </Setter>
            </Style>
            <Style x:Key="ExpandCollapseIndicatorStyle" TargetType="Label">
                <Setter Property="TextColor" Value="{DynamicResource TextColour}" />
                <Setter Property="IsVisible" Value="False"/>
            </Style>

1 Answer, 1 is accepted

Sort by
1
Accepted
Didi
Telerik team
answered on 17 Apr 2025, 07:49 AM

Hello Matt,

Define the ExpandCollapseIndicatorStyle style above the GroupHeaderStyle

 <Style x:Key="ExpandCollapseIndicatorStyle" TargetType="Label">
                <Setter Property="TextColor" Value="{DynamicResource TextColour}" />
                <Setter Property="IsVisible" Value="False"/>
  </Style>

Then define the GroupStyle

Regards,
Didi
Progress Telerik

Matt
Top achievements
Rank 1
commented on 17 Apr 2025, 08:47 AM | edited

Thank you so much! A really doh! moment, it's been one of those weeks!
Tags
CollectionView
Asked by
Matt
Top achievements
Rank 1
Answers by
Didi
Telerik team
Share this question
or