Skip to main content

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

DXCollectionView.GroupItemSeparatorCapMargin Property

Gets or sets the side margins for group item separators. This is a bindable property.

Namespace: DevExpress.Maui.CollectionView

Assembly: DevExpress.Maui.CollectionView.dll

NuGet Package: DevExpress.Maui.CollectionView

#Declaration

C#
[TypeConverter(typeof(SizeWithSingleValueTypeConverter))]
public Size GroupItemSeparatorCapMargin { get; set; }

#Property Value

Type Description
Size

A value that specifies separator side margins.

#Remarks

The following example specifies group item settings:

DevExpress CollectionView for .NET MAUI - Group item

<dxcv:DXCollectionView ItemsSource="{Binding Data}" 
                       GroupItemSeparatorColor="DarkGray" 
                       GroupItemSeparatorThickness="2" 
                       GroupItemSeparatorCapMargin="100">
    <dxcv:DXCollectionView.GroupHeaderTemplate>
        <DataTemplate>
            <Label FontFamily="Roboto-Medium"
                   Margin="4"
                   TextColor="#55575c"
                   Text="{Binding Value}"
                   FontSize="18"
                   FontAttributes="Bold"
                   HorizontalTextAlignment="Center"/>
        </DataTemplate>
    </dxcv:DXCollectionView.GroupHeaderTemplate>
    <dxcv:DXCollectionView.ItemTemplate>
        <!--...-->
    </dxcv:DXCollectionView.ItemTemplate>
</dxcv:DXCollectionView>

You can also apply different values to separator side margins:

DevExpress CollectionView for .NET MAUI -- Different separator side margins

<dxcv:DXCollectionView ...
                       GroupItemSeparatorCapMargin="80,30">
See Also