This question is locked. New answers and comments are not allowed.
My filter images (the funnel) are being displayed ontop of my column headings, I have found away to remove the images but not to force a column to display the image at the end of the header. I hope i made sense
My grid:
<% Html.Telerik().Grid<ApplicationModel>()
.Name("ApplicationsGrid")
.DataKeys(keys => { keys.Add(c => c.Id); })
.ClientEvents(events => events
.OnError("Applications_onError")
.OnDataBound("Applications_onDataBound")
.OnRowDataBound("Applications_onDataBound")
.OnDataBinding("Applications_onDataBound")
.OnRowSelect("Applications_onRowSelect")
)
.ToolBar(commands =>
{
commands.Insert().ButtonType(GridButtonType.Image).ImageHtmlAttributes(
new { style = "margin-left:0" });
commands.Custom().Text("Attach Document").
HtmlAttributes(new { style = "margin-left:10px", @Id = "appAttach" });
}
)
.Columns(columns =>
{
columns.Command(commands =>
{
commands.Delete().ButtonType(GridButtonType.Image);
commands.Edit().ButtonType(GridButtonType.Image);
})
.Width(100);
columns.Bound(c => c.Id);
columns.Bound(c => c.ApplicationId).Width(120);
columns.Bound(c => c.DeliveryUtilityAccountNumbers).Width(180);
columns.Bound(c => c.AverageEnergyDemand).Width(180);
columns.Bound(c => c.AverageEnergyConsumption).Width(220);
columns.Bound(c => c.SupplyUtilityAccountNumbers).Width(160);
columns.Bound(c => c.AverageEnergyDemandUnit).Width(180);
columns.Bound(c => c.AverageEnergyConsumptionUnit).Width(200);
columns.Bound(c => c.PremiseNumber).Width(130);
columns.Bound(c => c.MeterNumber).Width(120);
columns.Bound(c => c.TarrifType);//.Width(100)
})
.DataBinding(dataBinding => dataBinding
.Ajax()
.Select("BindTempApplications", "Applications")
.Update("UpdateTempApplication", "Applications")
.Delete("DeleteTempApplication", "Applications")
.Insert("InsertTempApplication", "Applications")
)
.Editable(editing => editing.Mode(GridEditMode.PopUp))
.Scrollable(scrolling => scrolling.Height(140))
.Resizable(resizing => resizing.Columns(true))
.Reorderable(reorder => reorder.Columns(true))
.Sortable()
.Filterable()
.Pageable(paging =>
paging.PageSize(50))
.Selectable()
.Render();
%>
My grid:
<% Html.Telerik().Grid<ApplicationModel>()
.Name("ApplicationsGrid")
.DataKeys(keys => { keys.Add(c => c.Id); })
.ClientEvents(events => events
.OnError("Applications_onError")
.OnDataBound("Applications_onDataBound")
.OnRowDataBound("Applications_onDataBound")
.OnDataBinding("Applications_onDataBound")
.OnRowSelect("Applications_onRowSelect")
)
.ToolBar(commands =>
{
commands.Insert().ButtonType(GridButtonType.Image).ImageHtmlAttributes(
new { style = "margin-left:0" });
commands.Custom().Text("Attach Document").
HtmlAttributes(new { style = "margin-left:10px", @Id = "appAttach" });
}
)
.Columns(columns =>
{
columns.Command(commands =>
{
commands.Delete().ButtonType(GridButtonType.Image);
commands.Edit().ButtonType(GridButtonType.Image);
})
.Width(100);
columns.Bound(c => c.Id);
columns.Bound(c => c.ApplicationId).Width(120);
columns.Bound(c => c.DeliveryUtilityAccountNumbers).Width(180);
columns.Bound(c => c.AverageEnergyDemand).Width(180);
columns.Bound(c => c.AverageEnergyConsumption).Width(220);
columns.Bound(c => c.SupplyUtilityAccountNumbers).Width(160);
columns.Bound(c => c.AverageEnergyDemandUnit).Width(180);
columns.Bound(c => c.AverageEnergyConsumptionUnit).Width(200);
columns.Bound(c => c.PremiseNumber).Width(130);
columns.Bound(c => c.MeterNumber).Width(120);
columns.Bound(c => c.TarrifType);//.Width(100)
})
.DataBinding(dataBinding => dataBinding
.Ajax()
.Select("BindTempApplications", "Applications")
.Update("UpdateTempApplication", "Applications")
.Delete("DeleteTempApplication", "Applications")
.Insert("InsertTempApplication", "Applications")
)
.Editable(editing => editing.Mode(GridEditMode.PopUp))
.Scrollable(scrolling => scrolling.Height(140))
.Resizable(resizing => resizing.Columns(true))
.Reorderable(reorder => reorder.Columns(true))
.Sortable()
.Filterable()
.Pageable(paging =>
paging.PageSize(50))
.Selectable()
.Render();
%>