Kendo Grid Edit mode Popup - Setting window Width

Hi,

I have used a Kendo Grid and set the editable mode as Popup and used custom template for editing, but I need increase the default width of the popup as the content of the template doesn't fit in the popup.

I used Window Property for the Editable and specified the Width. It applies the Title but doesn't apply the width to the window.

.Editable(ed => ed.Mode(GridEditMode.PopUp).TemplateName("EditSchool").Window(w => w.Title("Edit School Details").Name("editWindow").HtmlAttributes(new { id = "editWindow", @width = "700px" })))

Complete Code below for reference:-

@(Html.Kendo().Grid(Model)
    .Name("SchoolGrid")
    .Columns(columns =>
    {
        columns.Bound(p => p.SchoolID).Width("100px");
        columns.Bound(p => p.Name);
        columns.Bound(p => p.Campus).Width("100px");
        columns.Bound(p => p.StateCode).Width("100px");
        columns.Command(command => { command.Edit(); command.Destroy(); }).Width("180px");
    })
    .ToolBar(tb => tb.Create())
    .Editable(ed => ed.Mode(GridEditMode.PopUp).TemplateName("EditSchool").Window(w => w.Title("Edit School Details").Name("editWindow").HtmlAttributes(new { id = "editWindow", @width = "700px" })))
    .Pageable()
    .Sortable()
    .DataSource(dataSource => dataSource
        .Ajax()
        .Model(model => model.Id(p => p.SchoolID))
        .Read("Index", "School")
        .Update("Edit", "School")
        .Create("Create", "School")
        .Destroy("Delete", "School")
    )
)

Please help the needful

Cheers