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

Grid - Editing Custom Form

Chai $18.00
Chang $19.00
Aniseed Syrup $10.00
Chef Anton's Cajun Seasoning $22.00
Chef Anton's Gumbo Mix $21.35
Grandma's Boysenberry Spread $25.00
Uncle Bob's Organic Dried Pears $30.00
Northwoods Cranberry Sauce $40.00
Mishi Kobe Niku $97.00
Ikura $31.00
  • Editing-custom-form.razor
  • ProductService.cs
  • ProductDto.cs
Loading the demo source code...please wait.


This demo for the Telerik Grid for Blazor showcases how to create a custom editing form when the default editing modes are not sufficient for the application. It utilizes a command button with a custom click action which provides you with the model from the clicked row. You can use that model to edit its fields in a custom manner.

You can also use tools like the Telerik Form component to generate the external form and handle its appearance, validation, submission and storage.

Support & Learning Resources

An error has occurred. This application may no longer respond until reloaded.