Skip to main content

DataFormView.RowSeparatorThickness Property

Gets or sets the thickness of lines that separate rows of editors on the data form. This is a bindable property.

Namespace: DevExpress.Maui.DataForm

Assembly: DevExpress.Maui.Editors.dll

NuGet Package: DevExpress.Maui.Editors

Declaration

public double RowSeparatorThickness { get; set; }

Property Value

Type Default Description
Double 0

The thickness of row separators.

Example

This example customizes the data form’s editors, group headers, and row separators.

Before

After

DevExpress MAUI DataForm - Custom Appearance Before

DevExpress MAUI DataForm - Custom Appearance After

  1. Override resources to modify the appearance of the data form’s editors (hide edit box borders and the clear icon, and change placeholder and input text color).
  2. Use the following properties of the data form:

    <ContentPage ...
                xmlns:dxdf="clr-namespace:DevExpress.Maui.DataForm;assembly=DevExpress.Maui.Editors"
                xmlns:dxe="clr-namespace:DevExpress.Maui.Editors;assembly=DevExpress.Maui.Editors">
        <ContentPage.Resources>
            <Style TargetType="dxe:EditBase" ApplyToDerivedTypes="True">
                <Setter Property="TextColor" Value="BlueViolet"/>
                <Setter Property="BorderThickness" Value="0"/>
                <Setter Property="BackgroundColor" Value="#EEEEFE"/>
            </Style>
        </ContentPage.Resources>
        <dxdf:DataFormView x:Name="dataForm"
                        IsEditorLabelVisible="False"
                        ContentPadding="12,0"                   
                        GroupHeaderPadding="2,8"
                        GroupHeaderBackgroundColor="#e6e6e6"
                        GroupHeaderTextColor="#000000"
                        AllowCollapseGroups="False"
                        RowSeparatorColor="#aaaaaa"
                        RowSeparatorThickness="1"
                        IsLastRowSeparatorVisible="False">
            <!-- ... -->
        </dxdf:DataFormView>
    </ContentPage>
    
See Also