Articles in this section
Category / Section

How to customize the check box editor color in .NET MAUI DataForm (SfDataForm)?

3 mins read

The Syncfusion® .NET MAUI DataForm (SfDataForm) allows for extensive customization of its editors, including the Check Box Editor. By using the Color property of the DataFormCheckBoxItem in the GenerateDataFormItem event, you can easily change the color of the check box when AutoGenerateItems is set to true.

 

First, set up the GenerateDataFormItem event handler in your data form to customize the appearance of the check box editor.

 

C#:

private SfDataForm dataForm;
 
protected override void OnAttachedTo(ContentPage bindable)
{
    base.OnAttachedTo(bindable);
    this.dataForm = bindable.FindByName<SfDataForm>("dataForm");
    if (dataForm != null )
    {
        dataForm.ItemsSourceProvider = new ItemSourceProvider();
        dataForm.RegisterEditor("Gender", DataFormEditorType.RadioGroup);
        dataForm.RegisterEditor("Address", DataFormEditorType.MultilineText);
        dataForm.RegisterEditor("Country", DataFormEditorType.AutoComplete);
        dataForm.RegisterEditor("City", DataFormEditorType.ComboBox);
        dataForm.RegisterEditor("ReadyToRelocate", DataFormEditorType.Switch);
        dataForm.RegisterEditor("BirthDate", DataFormEditorType.Date);
        dataForm.GenerateDataFormItem += OnGenerateDataFormItem;
    }
}

 

In the OnGenerateDataFormItem event, check if the data item is a DataFormCheckBoxItem and set its color using the Color property.


C#:

private void OnGenerateDataFormItem(object sender, GenerateDataFormItemEventArgs e)
{
    if (e.DataFormItem!= null)
    {
        if (e.DataFormItem.FieldName == "FirstGraduate" && e.DataFormItem is DataFormCheckBoxItem checkBoxItem)
        {
            checkBoxItem.Color = Colors.DarkCyan;
        }
    }
}

 

Note:

The default color value for the check box is default(Color).


Download the complete sample on GitHub

 

 

Output:

 

Customize the combo box editor color in .NET MAUI DataForm (SfDataForm)

 

Conclusion:

 

I hope you enjoyed learning how to customize the check box editor color in the .NET MAUI DataForm (SfDataForm).

 

You can refer to our .NET MAUI DataForm feature tour page to learn about its other groundbreaking feature representations. Explore our .NET MAUI DataForm documentation to understand how to present and manipulate data.

 

For current customers, you can check out our .NET MAUI components from the License and Downloads page. If you are new to Syncfusion®, try our 30-day free trial to check out our .NET MAUI DataForm and other .NET MAUI components.

 

Please let us know in the comment section if you have any queries or require clarification. Contact us through our support forums, Direct-Trac, or feedback portal. We are always happy to assist you!

 

 

 

Did you find this information helpful?
Yes
No
Help us improve this page
Please provide feedback or comments
Comments (0)
Please  to leave a comment
Access denied
Access denied