How to hide/show form items in a data form depending on the value of the dropdown list?

[Eunice Ariola]

Is there a way to hide or show form items in data form depending on the selected value in a dropdown list? The dropdown list is also part of the data form.

[UdhayaKumar Duraisamy]

To dynamically hide or show Form items in the DataForm component based on the value selected in a Dropdown List, you can utilize Form Items, Templates, and conditional rendering.

1. Conditional Rendering: Use conditional statements (like if or @if in Blazor) to determine which form items should be displayed based on the selected value in the dropdown list.
2. Templates: You can leverage templates for further customization of the form items.
3. Custom Validation: If the dynamically rendered form items require validation, you can implement custom validation to ensure proper functionality.

For detailed implementation steps, please refer to the following resources:

• Form Items in Blazor DataForm Component | Syncfusion
• Templates in Blazor DataForm Component | Syncfusion

[Eunice Ariola]

Thank you for your response. But how can you call the form items in the code section to setup custom validation?

I see some examples using EditForm but i don't see demos for Syncfusion's data form.

[Yaswin Vikhaash Rajaretenam]

Hi Eunice Ariola,

Thank you for reaching out. We have validated your query and found a solution. Custom validation in Syncfusion Blazor DataForm allows you to define your own validation rules by creating a custom ValidationAttribute and applying it to form fields.

For detailed instructions and an example, please refer to the documentation and sample provided below.

https://blazor.syncfusion.com/documentation/data-form/data-annotation-attributes#custom-validation

If you have any further questions, feel free to ask!

Regards,

Yaswin Vikhaash

Attachment: SFDataform_validation_1ede565d.zip