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

csharp

[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:

XAML

xaml

<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:

XAML

xaml

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