Dear support team,
I use the Kendo UI grid inside a Bootstrap Responsive Layout.So if displayed on smartphones, I would need the following behavior:
Among all columns there should be a particular one, that keeps its optimal width whereas the others should be shrinked down to zero.How can I get this?
As far as I have seen, optimal column widths are available if Grid.Scrollable is set to false.On the other hand, if Scrollable == true and I do not set the width of a certain column, it will fill the gap that is left over from the other columns' common width. Is there a public(?) Kendo function that calculates the optimal column width for a given set of data,that I can call in the dataBound eventhandler?
Best regards,

@(Html.Kendo().Grid(Model.GlobalProperties).Name("GlobalProperties") .Columns(columns => { columns.Bound(p => p.Id).Hidden(); columns.Bound(p => p.Name); columns.Bound(p => p.Value); }) .DataSource(dataSource => dataSource.Ajax().Batch(true) .Model(model => model.Id(p => p.Id)) .Create("GlobalProperty_Create", "Admin") .Update("GlobalProperty_Editing_Update", "Admin") .Destroy("GlobalProperty_Editing_Destroy", "Admin") ) .ToolBar(toolbar => { toolbar.Create(); toolbar.Save(); }) .Editable(editable => editable.Mode(GridEditMode.InCell)))public ActionResult GlobalProperty_Create(List<GlobalProperties> models) { using (var db = new CPSkla.Models.CPSklaEntitiesCalculation()) { foreach (GlobalProperties model in models) { db.GlobalProperties.Add(model); db.SaveChanges(); } } return View(GetViewResult()); }I am loading kendo window during runtime using javascript and window configurations like title, height, width, url everything coming from JSON object.
Same like I am trying to pass the maximize, minimize, and refresh buttons visibility configuration from JSON.
Not able to handle buttons configuration the below code.
Please let me know any other choice to handle this?
Sample code:
var jsonDoc = {
widget: [{name:"W1",
title: "W1",
height: 200,
width: 320,
url:"http://jsbin.com"
maximize:true
refresh:true
minimize:false }]
};
for (var i = 0, sl = jsonDoc.widget.length; i < sl; i++)
{
var panelname;
panelname = "#panel" + i;
$(panelname).kendoWindow(
{
title: jsonDoc.widget[i].title,
height: jsonDoc.widget[i].height,
width: jsonDoc.widget[i].width,
actions: [????],
content: jsonDoc.widget[i].url
});
$(panelname).parents('.k-window').css('top', '45%');
}