New to Telerik UI for Blazor? Download free 30-day trial

Form Buttons

The Blazor Form component adds a Submit button at the end of the form by default. You can add your own buttons through the FormButtons tag.

When you add that template, the form will no longer render the built-in submit button so you can choose the buttons and layout you want to achieve. We recommend that you add a Submit button in all cases so the users can save their work and fire the corresponding form events.

How to add a Reset (Clear) button to the form

You can provide a standard Telerik UI for Blazor Button to allow the user to clear the contents of the editors in the Telerik Form. See the code and its comments for some more details.

@* Add a Clear Button to the Telerik Form. We also add a Submit button *@

@inject IServiceProvider ServiceProvider
@using System.ComponentModel.DataAnnotations

<TelerikForm EditContext="@FormEditContext" OnValidSubmit="@OnValidSubmitHandler" Width="200px">

        <TelerikButton ButtonType="@ButtonType.Submit" ThemeColor="primary">Submit</TelerikButton>
        <TelerikButton ButtonType="ButtonType.Button" OnClick="@ClearButton">Clear</TelerikButton>


@code {
    private Person person { get; set; } = new Person();

    private EditContext FormEditContext { get; set; }

    private void ClearButton()
        person = new Person();

    private void CreatedEditContext(Person model)
        FormEditContext = new EditContext(model);

        // we add the validation like this instead of in the markup
        // because changing the model and context does not otherwise attach the validator
        // and using the Clear button to new-up the model will leave you without validation

    protected override async Task OnInitializedAsync()
        person = new Person()
                FirstName = "John",
                DOB = DateTime.Now.AddYears(-37)


    private async Task OnValidSubmitHandler()
        Console.WriteLine($"SAVING {person.FirstName} {person.LastName} who was born on {person.DOB}");

    public class Person
        public string FirstName { get; set; }
        public string LastName { get; set; }
        public DateTime DOB { get; set; }

See Also

In this article