or
1 answer
145 views
Hello all,
I’m working on an inline editable Kendo Grid and trying to add a dropdown list for one of the columns. However, when I run it, the dropdown doesn’t load properly. Instead of showing the item names, the textbox displays [object Object].
I’m using Kendo version 2025.3.825, and my code must comply with CSP rules.
Could someone guide me on how to fix this so the dropdown shows the correct text values instead of the object?
ASP.NET MVC Grid Custom Editing Demo | Telerik UI for ASP.NET MVC
Viktor Tachev
Telerik team
answered
on
18 Mar 2026
2 answers
156 views
I am trying to use https://www.telerik.com/download/custom-download (Custom downloader) for jQueryUI for the latest version 2026.1.212 but none of the checkboxes are appearing or the download button.
Anyone else experiencing this?
Patrick | Technical Support Engineer, Senior
Telerik team
answered
on
17 Mar 2026
1 answer
129 views
I am using the kendo treeview and need to display a count of the children on the node. How would I do this? I've tried the other solutions such as item.children.view() and item.children.data() but those always return 0. I've also set loadOnDemand to false which has no effect.
Viktor Tachev
Telerik team
answered
on
13 Mar 2026
1 answer
124 views
Append not showing tab content and throws when you try to select by index. Version 2024.3.1015
<div class="row" id="managing-directors-tab-strip"></div>
const tabStrip = $("#managing-directors-tab-strip", container).kendoTabStrip({
animation: false
}).data("kendoTabStrip");
tabStrip.append({ text: "Tab 1", content: "<text>111</text>" });
tabStrip.select(index);Uncaught TypeError: Cannot read properties of undefined (reading 'id')
at init.contentElement (kendo.tabstrip.js:621:71)
at init.contentHolder (kendo.tabstrip.js:631:41)
at init._click (kendo.tabstrip.js:984:38)
at init._itemClick (kendo.tabstrip.js:1208:22)
at HTMLUListElement.dispatch (event.js:335:27)
at elemData.handle (event.js:139:28)
1 answer
112 views
Hi,
I am currently trying to upgrade to Kendo UI JQuery v2026.1.212 and have noticed changes related to the way messages are posted to the chat. In previous versions (v2025.2.702) I could do the following:
function getChatUser(){
return {
id: kendo.guid(),
name: "Admin",
iconUrl: "/Images/chatIcon.svg"
};
}
function postMessages(){
const myChat = $("#chat").data("kendoChat");
const myCustomTemplate = kendo.template($("#custom-template").html());
kendo.chat.registerTemplate("custom", myCustomTemplate);
const MD_MESSAGE = kendo.template("<div class='k-message'><div class='k-bubble fw-chat-bubble'>#= DOMPurify.sanitize(marked.parse(text)) #</div></div>");
kendo.chat.registerTemplate("md_message", MD_MESSAGE);
myChat.renderMessage({
type: "md_message",
text: "**Hello** this is a text *markdown* message"
}, getChatUser());
myChat.renderMessage({
type: "custom",
html: `<img src="/Images/chatIcon2.svg" width="400" height="350" alt="" />`
}, getChatUser());
}How do I post messages to the chat referencing a template with v2026.1.212?
Thanks,
Euan
Nikolay
Telerik team
answered
on
27 Feb 2026
1 answer
154 views
would like to check if the following chart layout is possbile for Kendo Bar chart?
and also i would like to have an onHover event that will change the chart color. for example if i hover on the category or chart for Strategy Development to change its color to like this
Neli
Telerik team
answered
on
26 Feb 2026
6 answers
3.7K+ views
Suppose I've got an array of items, and I'd like to edit an attribute of each of those items. So I create a div, bind my array of items to it, and then specify a template to use to render each item using the data-bind attribute to bind the value of my item an input box.
e.g. (this is derived from another example I found in a separate thread),
<div id="example" data-template="template" data-bind="source: arr"></div>
<script id="template" type="text/x-kendo-template">
<div> Age: ${age}</div>
<input type="text" data-bind="value: age"/>
</script>
and
var arr = new kendo.data.ObservableArray([
{ name: "John Doe", age: 23 },
{ name: "Jane Doe", age: 34 }
]);
var viewModel = kendo.observable({
arr: arr
});
kendo.bind($("#example"), viewModel);
setTimeout(function() {
viewModel.arr[1].set('age',54);
}, 2000);
From this example, I'd expect to see the first div and text box with values of 23, and the second div and text box with values of 34. Instead I get the first div with 23 and the first text box with 34, and the second div with 34 and the second text box empty. Then when the function specified in setTimeout runs, it changes the value in the first text box, instead of the second one.
Here's a JSFiddle where you can try it: http://jsfiddle.net/2R3tF/
Seems simple to me, but I must not be understanding the plumbing enough to figure out why this doesn't work. Can someone explain, and ideally provide a version that works?
e.g. (this is derived from another example I found in a separate thread),
<div id="example" data-template="template" data-bind="source: arr"></div>
<script id="template" type="text/x-kendo-template">
<div> Age: ${age}</div>
<input type="text" data-bind="value: age"/>
</script>
and
var arr = new kendo.data.ObservableArray([
{ name: "John Doe", age: 23 },
{ name: "Jane Doe", age: 34 }
]);
var viewModel = kendo.observable({
arr: arr
});
kendo.bind($("#example"), viewModel);
setTimeout(function() {
viewModel.arr[1].set('age',54);
}, 2000);
From this example, I'd expect to see the first div and text box with values of 23, and the second div and text box with values of 34. Instead I get the first div with 23 and the first text box with 34, and the second div with 34 and the second text box empty. Then when the function specified in setTimeout runs, it changes the value in the first text box, instead of the second one.
Here's a JSFiddle where you can try it: http://jsfiddle.net/2R3tF/
Seems simple to me, but I must not be understanding the plumbing enough to figure out why this doesn't work. Can someone explain, and ideally provide a version that works?
%20(4).jpg)
1 answer
107 views
Date Header displays an incorrect value "12:00 AM" in every slot when majorTickis set to "full day" (1440) in timeline views.
<script>
$(function () {
$("#scheduler").kendoScheduler({
date: new Date("2025/6/13"),
eventHeight: 50,
majorTick: 1440,
views: [ "timeline", "timelineWeek", "timelineWorkWeek", "timelineMonth"],
timezone: "Etc/UTC",
dataSource: {
batch: true,
transport: {
read: {
url: "https://demos.telerik.com/service/v2/core/meetings"
},
update: {
url: "https://demos.telerik.com/service/v2/core/meetings/update",
type: "POST",
contentType: "application/json"
},
create: {
url: "https://demos.telerik.com/service/v2/core/meetings/create",
type: "POST",
contentType: "application/json"
},
destroy: {
url: "https://demos.telerik.com/service/v2/core/meetings/destroy",
type: "POST",
contentType: "application/json"
},
parameterMap: function (options, operation) {
if (operation !== "read" && options.models) {
return kendo.stringify(options.models);
}
}
},
schema: {
model: {
id: "meetingID",
fields: {
meetingID: { from: "MeetingID", 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" },
roomId: { from: "RoomID", nullable: true },
attendees: { from: "Attendees", nullable: true },
isAllDay: { type: "boolean", from: "IsAllDay" }
}
}
}
},
group: {
resources: ["Rooms"],
orientation: "vertical"
},
resources: [
{
field: "roomId",
name: "Rooms",
dataSource: [
{ text: "Meeting Room 101", value: 1, color: "#2572c0" },
{ text: "Meeting Room 201", value: 2, color: "#f8a398" }
],
title: "Room"
},
{
field: "attendees",
name: "Attendees",
dataSource: [
{ text: "Alex", value: 1 },
{ text: "Bob", value: 2 },
{ text: "Charlie", value: 3 }
],
multiple: true,
title: "Attendees"
}
]
});
});
</script>
Anton Mironov
Telerik team
answered
on
18 Feb 2026
1 answer
108 views
In Kendo Scheduler Angular,
Date Header displays an incorrect value when slotduration is set to "full day" in timeline month view. it should not display 12:00 AM in each slot.
<kendo-scheduler
[kendoSchedulerBinding]="events"
[selectedDate]="selectedDate"
[slotDuration]="1440"
>
<kendo-scheduler-timeline-month-view>
</kendo-scheduler-timeline-month-view>
</kendo-scheduler>
.
Zornitsa
Telerik team
answered
on
18 Feb 2026
1 answer
141 views
is it possible to add a key/value pair array for datasource for DropDownList
The guide here shows how to add a value/array as the datasource.
<input id="dropdownlist" />
<script>
$("#dropdownlist").kendoDropDownList({
dataSource: {
data: ["One", "Two"]
}
});
</script>
However I need something like this. i.e a key/value pair.
i.e I need to display the key in the dropdown but return the value if the dropdown is selected.
<input id="dropdownlist" /><script>
$("#dropdownlist").kendoDropDownList({
dataSource: {
data: [{email: 'one'} , {email: 'Two'}],
dataTextFiled: "email",
dataValueField: "email"
}
});
</script>
Eyup
Telerik team
answered
on
11 Feb 2026
