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