New to Telerik UI for .NET MAUI? Start a free 30-day trial

.NET MAUI DataForm Headers

DataForm has headers for the Editors and for the Groups.

Header in Editors

You can use the following properties for header configuration:

  • HeaderText(string)—Specifies the text of the header.
  • HeaderLength(Microsoft.Maui.GridLength?)—Specifies the length of the header view in the editor. This property has an effect only when the Telerik.Maui.Controls.DataFormEditor.HeaderPosition property is set to Beside. You can specify absolute values in pixels or weighted values followed by the asterisk symbol *. For instance, the value of 0.5* specifies that the header length should be 50% from the length of the corresponding editor. The special value Auto specifies that the header length should be computed automatically for the header view, based on the actual header size requirements.
  • HeaderImageSource(Microsoft.Maui.Controls.ImageSource)—Specifies the image in the header.
  • HeaderPosition(Telerik.Maui.Control.DataFormHeaderPosition?)—Specifies the postion of the header.

    • Above—The header label is placed above the input component in the Editor.
    • Beside—The header label is placed beside the input component in the Editor.
  • HeaderDisplayOptions(Telerik.Maui.Controls.DataFormHeaderDisplayOptions)—Specifies the display options of the header. The available options are:

    • None—Header image and text are not visualzied.
    • Text—Visualizes the header text. For this option HeaderText has to be defined.
    • Image—Visualizes the image in the header. For this option HeaderImageSource has to be defined.

You can combine the Text and the Image in the `HeaderDisplayOptions:

HeaderDisplayOptions="Image, Text"
  • HeaderTemplate(Microsoft.Maui.Controls.ControlTemplate)—Specifies the template of the header view.

All Header properties for the Editors can be applied directly in the DataForm control and they will be common for all editors.

.NET MAUI DataForm Headers in Editors

Styling

For all styling options applied to the headers in the DataForm Editors review the DataForm Header Styling artile.

Header for Groups

Each group has a header. Here are the properties you can use to configure the group header:

  • HeaderText(string)—Specifies the text of the header.
  • HeaderImageSource(Microsoft.Maui.Controls.ImageSource)—Specifies the image in the header.
  • HeaderDisplayOptions(Telerik.Maui.Controls.DataFormHeaderDisplayOptions)—Specifies the display options of the header. The available options are:
    • None—Header image and text are not visualzied.
    • Text—Visualizes the header text. For this option HeaderText has to be defined.
    • Image—Visualizes the image in the header. For this option HeaderImageSource has to be defined.

You can combine the Text and the Image in the `HeaderDisplayOption:

HeaderDisplayOptions="Image, Text"
  • HeaderTemplate(Microsoft.Maui.Controls.ControlTemplate)—Specifies the template of the header view.

.NET MAUI DataForm Headers in Groups

Styling

For all styling options applied to the headers in the DataForm Groups review the DataForm Header Styling artile.

See Also

In this article
Not finding the help you need?