Custom MVC Grid Wrapper with Popup Editing Window

[Leonardo]

How can I customize the size and the format of the popup editing window of the grid?

[Vladimir Iliev]

Hi Leonardo,


You can use the "Edit" event of the Grid to update the size of the PopUp Window as follows:

function onEdit(e) {
    e.container.data("kendoWindow").setOptions({ width: 800, height: 1000 });
    e.container.children().css("width", 800).css("height", 970);
}

Another option is using the Grid EditingSettingsBuilder as follows (in this case the content of the PopUp will not be resized:

.Editable(editable => editable.Mode(GridEditMode.PopUp).Window(w => w.Width(800).Height(1000)))

Regards,
Vladimir Iliev
Telerik