# Use a Custom Popup Editor in Grid

## Environment

<table>
 <tr>
  <td>Product</td>
  <td>Telerik UI for ASP.NET MVC Grid</td>
 </tr>
 <tr>
  <td>Product version</td>
  <td>2025.1.227</td>
 </tr>
</table>

## Description

How can I customize the default Popup editor of the Grid?

## Solution

The Grid provides an option for editing its data using a Popup editor. You can modify the default Popup form by using a template.

To implement a custom Popup form:

1. Declare the name of the View that holds the content of the Popup window by using the [`TemplateName`](https://www.telerik.com/aspnet-mvc/documentation/api/kendo.mvc.ui.fluent/grideditingsettingsbuilder#templatenamesystemstring) method.

   ```Razor
   @(Html.Kendo().Grid<TelerikProject.Models.Customer>()
       .Name("grid")
       .Editable(e=>e.Mode(GridEditMode.PopUp).TemplateName("CustomPopUp"))
       ... // Additional configuration.
   )
   ```

2. Create the editor template View. Its name must match the one declared in the `TemplateName()` configuration. By default, the editor templates the Grid uses are located in the `~/Views/Shared/EditorTemplates` directory. Save the new template in this directory, too.

3. Add the desired editors in the **CustomPopUp** View:

   ```Razor CustomPopUp.cshtml
       @model TelerikProject.Models.Customer

       @Html.Kendo().TextBoxFor(m => m.ContactName)
       @Html.Kendo().NumericTextBoxFor(m => m.Age)
       @Html.Kendo().TextBoxFor(m => m.Country)
   ```

For a complete example, refer to the [project on how to customize the Popup editor of the Grid when its editing mode is set to `PopUp`](https://github.com/telerik/ui-for-aspnet-mvc-examples/tree/master/Telerik.Examples.Mvc/Telerik.Examples.Mvc/Areas/GridEditingCustomPopupEditor).

## More ASP.NET MVC Grid Resources

* [ASP.NET MVC Grid Documentation](https://www.telerik.com/aspnet-mvc/documentation/html-helpers/data-management/grid/overview)
* [ASP.NET MVC Grid Demos](https://demos.telerik.com/aspnet-mvc/grid/index)
* [ASP.NET MVC Grid Product Page](https://www.telerik.com/aspnet-mvc/grid)
* [Telerik UI for ASP.NET MVC Video Onboarding Course (Free for trial users and license holders)](https://www.telerik.com/aspnet-mvc/documentation/getting-started/video-onboarding)
* [Telerik UI for ASP.NET MVC Forums](https://www.telerik.com/forums/aspnet-mvc)

## See Also

* [Client-Side API Reference of the Grid for ASP.NET MVC](https://docs.telerik.com/kendo-ui/api/ui/grid)
* [Server-Side API Reference of the Grid for ASP.NET MVC](https://docs.telerik.com/aspnet-mvc/api/grid)
* [Telerik UI for ASP.NET MVC Knowledge Base](https://docs.telerik.com/aspnet-mvc/knowledge-base)