CollectionView Not Collapsable

[Joe]

Hi,

I am trying to style a CollectionView to have groups, but I don't want the group to be collapsable, and I want to remove the indicator.

How would I style this?

Thanks

-Joe

[Didi]

Hello Joe,

Let me get straight to the questions:

1) Cancel collapsing 

To cancel collapsing the groups you can use the GroupTapping event and in the event handler add e.Cancel = true;

    private void RadCollectionView_GroupTapping(object sender, Telerik.Maui.RadTappingEventArgs<Telerik.Maui.Controls.CollectionView.GroupContext> e)
    {
        e.Cancel = true;
    }

2) Remove the expand indicator:

Use the Groupstyling https://docs.telerik.com/devtools/maui/controls/collectionview/styling/group-style and set visibility to false to the ExpandCollapseIndicator

    <ContentPage.Resources>
        <ResourceDictionary>

            <Style x:Key="ExpandCollapseIndicatorStyle" TargetType="Label">
                <Setter Property="IsVisible" Value="False"/>
            </Style>
            
            <Style x:Key="GroupHeaderStyle" TargetType="telerik:RadCollectionViewGroupView">
                <Setter Property="ExpandCollapseIndicatorStyle" Value="{StaticResource ExpandCollapseIndicatorStyle}" />
                <Setter Property="BackgroundColor" Value="#C4E6E3" />
                <Setter Property="BorderColor" Value="#80CBC4" />
                <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="#D6EEEC" />
                                </VisualState.Setters>
                            </VisualState>
                        </VisualStateGroup>
                    </VisualStateGroupList>
                </Setter>
            </Style>
        </ResourceDictionary>
    </ContentPage.Resources>
    
    
    <telerik:RadCollectionView ItemsSource="{Binding Locations}"
                           GroupViewStyle="{StaticResource GroupHeaderStyle}"
                               GroupTapping="RadCollectionView_GroupTapping"
                           DisplayMemberPath="City">
        <telerik:RadCollectionView.BindingContext>
            <local:ViewModel />
        </telerik:RadCollectionView.BindingContext>
        <telerik:RadCollectionView.GroupDescriptors>
            <telerik:PropertyGroupDescriptor PropertyName="Country" />
        </telerik:RadCollectionView.GroupDescriptors>
    </telerik:RadCollectionView>

Regards,
Didi
Progress Telerik

[Joe]

Thank you so much.  I figured it had to be straight forwad, but sometimes finding things in documentation is difficult.  This helps a lot.

[Didi]

I am glad the suggested approaches were of help. Could you please share more details about the documentation and what is difficult to find? Customers feedback is important as it helps us improve our services, so if you have any feedback regarding the documentation, let me know.