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

DataFormView.GroupHeaderBackgroundColor Property

Gets or sets the background color for headers of editor groups. This is a bindable property.

Namespace: DevExpress.Maui.DataForm

Assembly: DevExpress.Maui.Editors.dll

NuGet Package: DevExpress.Maui.Editors

#Declaration

C#
public Color GroupHeaderBackgroundColor { get; set; }

#Property Value

Type Description
Color

The header color of editor groups.

#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