Blazor Form - Overview

The Telerik UI for Blazor Form component lets you generate and manage forms. It includes multiple built-in features such as two orientation modes (horizontal and vertical), using the form with a model and EditContext class, Columns and ColumnSpacing parameter for organizing the form layout into columns, validation (DataAnnotationsValidator as well as any validator that is compatible with the EditForm and EditContext), grouping form items, localized error messages and templates for rendering custom content. The Blazor Form component also adds a Submit button at the end of the component by default, which can be seen in the above Blazor Form example. You can add your own buttons through the FormButtons tag.

The current Blazor Form example shows a detailed declaration of a customized Blazor Form example, which includes custom editors, labels and validation messages. The customization of the automatically generated fields works by using the FormItem Template. Alternatively, you can also provide the EditorType attribute, which accepts a member of the FormEditorType enum in the <FormItem>. Note that when the Template option is used, the built-in validation messages from the Form will not be rendered. Instead, you need to use the Telerik Validation tools to provide validation messages or any other suitable component such as the ValidationMessage that comes with the framework.

To achieve a responsive layout of the Blazor Form, you can easily integrate it with the Telerik UI for Blazor MediaQuery component. That way, different content will be rendered based on dimension conditions. You can find more Blazor Form examples in the links below.