Hi,
I have a problem with Kendo grid multiple grouping.
I want to display multi column grouping with a single header. Currently it is showing as tree hierarchy for multi column grouping.
I have attached a file which shows Radgrid grouping demo and I want to show this by using Kendo grid grouping.
Could you pls suggest any overcome for this?

Hello,
is it possible to use the Kendo styling of Checkboxes and Radiobuttons without specifying an id-field on the input-element? If I remove the ID and the "for"-attribute the checkbox is not working anymore.
The elements are generated dynamically and I don't want to specify an ID just for the styling.
Best regards
var dataSource = new kendo.data.DataSource({ transport: { read: { url: "GetSiteRoleCategoryInstances_Result_Read", data: { userID: "24", isCompletedFilter: false }, create: { url: "QT_CreateSRCI", dataType: "json" }, parameterMap: function (options, operation) { if (operation !== "read" && options.models) { console.log(operation) console.log(options.models) return { models: kendo.stringify(options.models) }; } } } }, batch: true, schema: { model: { id: "SrciID", fields: { SrciID: { editable: false, nullable: true }, FK_SiteRoleCategory_ReqID: { type: "number" }, ReviewName: { type: "string"}, InstanceName: { type: "string" }, StartDate: { type: "date" }, DueDate: { type: "date" }, InspectionReport: { type: "string" }, InspectionReportDate: { type: "date" }, Note: { type: "string" }, CreatedDate: { type: "date" }, CreatedBy: { type: "string" }, RequiredNumber: { type: "number" }, IsCompleted: { type: "bool" } } } }, })
// Grid
$("#reviewGrid").kendoGrid({ dataSource: dataSource, columns: [ { field: "FK_SiteRoleCategory_ReqID"}, { field: "ReviewName", title: "Review Name", editor: src_rDropDownEditor, width: 400 }, { field: "InstanceName" }, { field: "StartDate", title: "Start Date", type: "datetime", format: "{0:MM/dd/yyyy}" }, { field: "DueDate", title: "Due Date", type: "date", format: "{0:MM/dd/yyyy}" }, { field: "InspectionReport" }, { field: "InspectionReportDate", title: "Last Inspection Date", type: "date", format: "{0:MM/dd/yyyy}" }, { field: "Note" }, { field: "CreatedDate", title: "Created Date", type: "date", format: "{0:MM/dd/yyyy}" }, { field: "CreatedBy" }, { field: "RequiredNumber" }, { field: "IsCompleted"} //{command: [ "edit" , "destroy"], width: 180 } ], //toolbar: ["create", "pdf"], //serverPaging: true, //serverSorting: true, //serverSorting: true, editable: "popup", sortable: { mode: "single" }, toolbar: ["create"], detailExpand: function onDetailExpand(e) { //Implement the event handler for detailExpand DetailExpandEvent(e); }, // detailCollapse: function onDetailCollapse(e) { //Implement the event handler for detailCollapse // }, //change: onChange, scrollable: false, resizable: true, selectable: true, detailTemplate: kendo.template($("#kDetailsTemplate").html()), detailInit: DetailInit, dataBound: GridDataBind, autoBind: true, autoSync: true, serverOperation: false });
// CUSTOM EDITOR FOR ReviewName
function src_rDropDownEditor(container, options) { console.log(container) console.log(options) $('<input data-bind="value:' + options.field + '"/>') .appendTo(container) .kendoDropDownList({ dataTextField: "ReviewName", dataValueField: "ID", dataSource: src_rDs });}
Any idea as to why am I getting this error?

On Chrome for Ipad (latest versions), rendering the page using kendo.drawing & kendo.saveAs pdf the page will be converted to pdf as expected. However, tapping the page and clicking iOS's "open in" sharing menu in the bottom right corner of the document displays an error "the file could not be downloaded at this time". The "open in" functionality is needed so users can attach the generated pdf to email/upload to another service.
To replicate visit the Kendo-UI pdf export demo page using and iPad + Google chrome. You need to be in portrait view for responsive export to pdf menu to display.
I'm aware that kendo-ui's pdf export feature technically does not support mobile browsers. However, unofficially it is mostly working for me with one exception. Adding to my frustration and confusion, iOS + safari exports the pdf correctly and maintains the "open in" functionality. It is just chrome mobile that I am encountering the bug.
I tried saving the generated pdf on the server and requesting directly and the "open in" functionality works... so it is not a problem with the pdf itself. The only difference I can think of is the local generated one also contains POST header data? I thought a possible work around would be saving the generated file using the force-proxy option on the server and returning a response of the resource url. However, I would like to keep offline client side only functionality.
Does anyone have suggestions for a possible work around? Recommendations for a different pdf generation JS library? It feels like I am 99% there using Kendo and would be thrilled if anyone could help.
I have a grid that contains footers with totals, sums, etc. I've implemented the printing feature as shown in this example here: https://docs.telerik.com/kendo-ui/controls/data-management/grid/print-export
However, there isn't listed a way to include the print-friendly footers of the grid in the example shown in the link above. I've attached two images of what my grid looks like with footers and how the javascript shows the footers from the print example.
Is there a way to format the k-grid-footer so that it shows only 3 columns like in the grid and spaced correctly?

I would like to add a custom column to this grid and i tried the template method as in the code below but the code does not even compile and i get thrown an error which i have provided below as well. I want to create a custom column inside the kendo grid and then have a clickable link inside that column which call a javascript function. Is it possible?
@ModelType IEnumerable(Of Gatekeeper.SystemGroupMembers)@Code
ViewData("Title") = "DisplayMembers"End Code @(Html.Kendo().Grid(Model) _
.Name("SystemGroupMembers") _
.Columns(Sub(c) c.Bound(Function(p) p.Name) c.Bound(Function(p) p.Class) c.Bound(Function(p) p.ParentName) c.Template(@<text>blah</text>).Title("blah")End Sub) _ .Sortable() _ .DataSource(Sub(c) c.Ajax() _
.ServerOperation(False)End Sub))<div>@Html.ActionLink("Back to List", "DisplayGroups")</div>
Error:
Compilation Error
Description: An error occurred during the compilation of a resource required to service this request. Please review the following specific error details and modify your source code appropriately.
Compiler Error Message: BC30201: Expression expected. Source Error: Line 8: .Name("SystemGroupMembers") _
Line 9: .Columns(Sub(c) Line 10: c.Template(@<text>Click here</text>) Line 11: c.Bound(Function(p) p.Name) Line 12: c.Bound(Function(p) p.Class)

Hi,
I am facing an issue with a RadEditor control inside my web application. This is the line of code:
var editor = $("#editor").data("kendoEditor");
editor.value("");
When I run this code the cpu consumption increases up to 50% and the page ends crashing. This only occurs in firefox, even in its latest version. I was able to make a workaround for this, setting an blank space instead of an empty string, but the issue also happens when I clear the text manually through the UI.
Please your support for this issue.

Hi,
I am trying to use the telerik popup editor for a grid but I have discovered an inconvenience and I was wondering if there are solutions to this.
On the demo page of the telerik grid try to add a new row with only one invalid value. Press update button. The invalid message appears by changing the size of the popup. Also the position of the Update button has changed. Write a valid value and do not leave the control. Press the update button. The invalid message disappears but the popup remains open and the Update button changes position again. So you as a user have to press again the update button.
Is there a recommended solution for this?

I was able to create a scheduler in jquery with vertical grouping and I also disabled timeSlot in it but I'm facing some issues in Angularjs.
I'm not able to disable timeSlot in angularjs
$scope.schedulerOptions = { eventHeight: 20, majorTick: 1440,//set major tick to full day and leave the default startTime/endTime minorTickCount: 1,//show only one minor tick majorTimeHeaderTemplate: "", ShowTimeRuler :false, timeSlot:false, editable: { template: $("#customEditorTemplate").html() }, date: new Date("2013/6/13"), startTime: new Date("2013/6/13 07:00 AM"), height: 600, views: [ { type: "week", selected: true , dateHeaderTemplate: "<span class='k-link k-nav-day'>#=kendo.toString(date, ' dd/M')#</span>" } ], timezone: "Etc/UTC", dataSource: { batch: true, transport: { read: { dataType: "jsonp" }, update: { dataType: "jsonp" }, create: { dataType: "jsonp" }, destroy: { dataType: "jsonp" }, parameterMap: function(options, operation) { if (operation !== "read" && options.models) { return {models: kendo.stringify(options.models)}; } } }, schema: { model: { id: "taskId", fields: { taskId: { from: "TaskID", type: "number" }, title: { from: "Title", defaultValue: "No title", validation: { required: true } }, start: { type: "date", from: "Start" }, end: { type: "date", from: "End" }, startTimezone: { from: "StartTimezone" }, endTimezone: { from: "EndTimezone" }, description: { from: "Description" }, recurrenceId: { from: "RecurrenceID" }, recurrenceRule: { from: "RecurrenceRule" }, recurrenceException: { from: "RecurrenceException" }, ownerId: { from: "OwnerID", defaultValue: 1 }, isAllDay: { type: "boolean", from: "IsAllDay" } } } }, filter: { logic: "or", filters: [ { field: "ownerId", operator: "eq", value: 1 }, { field: "ownerId", operator: "eq", value: 2 } ] } }, dataBound: function(e) { //hide the times row from the date/time header: var view = this.view(); view.datesHeader.find("tr:last").prev().hide(); view.timesHeader.find("tr:last").prev().hide(); //Required: remove only last table in dataBound when grouped var tables = $(".k-scheduler-times .k-scheduler-table"); tables = tables.last(); var rows = tables.find("tr"); rows.each(function() { $(this).children("th:last").hide(); }); }, group: { resources: ["Rooms"], orientation: "vertical" }, resources: [ { field: "roomId", name: "Rooms", dataSource: [ { text: "Room 101", value: 1, color: "#6eb3fa" }, { text: "Room 201", value: 2, color: "#f58a8a" }, { text: "Room 301", value: 3, color: "#2c0eca" }, { text: "Room 401", value: 4, color: "#ed8312" }, { text: "Room 501", value: 5, color: "#2cdeca" }, { text: "Room 601", value: 6, color: "#c3ff42" }, { text: "Room 701", value: 7, color: "#3aeeca" }, { text: "Room 801", value: 8, color: "#21d187" }, { text: "Room 901", value: 9, color: "#5371a0" }, ], title: "Room" }, { field: "ownerId", title: "Owner", dataSource: [ { text: "Alex", value: 1, color: "#f8a398" }, { text: "Bob", value: 2, color: "#51a0ed" }, { text: "Charlie", value: 3, color: "#56ca85" } ] } ] };