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.GroupHeaderTextColor Property

Gets or sets the text color for header captions 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 GroupHeaderTextColor { get; set; }

#Property Value

Type Description
Color

The color of header captions.

#Remarks

You can also use the GroupHeaderFontSize, GroupHeaderFontFamily, and GroupHeaderFontAttributes properties to customize the text font for header captions of the data form’s 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