I know in my Grid, I can set the Width of the PopUp Edit dialog. However, the controls inside of that edit window do not seem to care about the width of the window. For example, here is my Grid code:
@(Html.Kendo().Grid<Provider>()
.Name(
"providerGrid"
)
.Columns(cols =>
{
cols.Bound(c => c.ProviderName);
cols.Bound(c => c.Active).ClientTemplate(
"#: Active ? 'Yes' : 'No' #"
);
cols.Command(c =>
{
c.Edit();
c.Destroy();
});
})
.DataSource(ds => ds
.Ajax()
.Model(m =>
{
m.Id(d => d.RecordId);
m.Field(d => d.ProviderName);
m.Field(d => d.Active);
})
.Update(u => u.Action(
"UpdateProvider"
,
"Policy"
))
.Read(r => r.Action(
"GetProviders"
,
"Policy"
).Type(HttpVerbs.Get))
.Destroy(d => d.Action(
"DeleteProvider"
,
"Policy"
))
)
.Editable(e => e.Mode(GridEditMode.PopUp).TemplateName(
"ProviderEdit"
).Window(w => w.Title(
"Edit Provider"
).Width(500)))
)
But the edit window looks like utter crap now. See attached image. SO what do I need to do to actually get a decent looking edit dialog in this thing?
The more and more I work with this grid, the more and more I dislike it. It's basic functionality, out of the box really is quite lame. The only way to get a decent grid is by overriding everything in it, and I'm so very tired of writing grids... ARGH!!!
Sorry about that last bit, just had to vent for a bit...