or
2 answers
64 views
https://demos.telerik.com/kendo-ui/diagram/pdf-export In this example when I add data in languages other than English, they display correctly in the diagram, but when I export the pdf those data do not display correctly. how can I fix this defect?
Diagram view ----->
Downloaded pdf ------------------------->
4 answers
678 views
Hi, i am currently using kendo calendar control in my application i wanted to use multi-language for numbers and date formats and all other options in en-GB. I am currently using the code below to override the culture it works fine.
var customCulture = $.extend({}, kendo.culture(), { name: "custom-culture", calendars: { standard: { days: { names: ["Sonntag", "Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag"], namesAbbr: ["So", "Mo", "Di", "Mi", "Do", "Fr", "Sa"], namesShort: ["So", "Mo", "Di", "Mi", "Do", "Fr", "Sa"] }, months: { names: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], namesAbbr: ["Jan", "Feb", "Mrz", "Apr", "Mai", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dez"] }, patterns: { d: "dd/MM/yyyy", D: "dd MMMM yyyy", F: "dd MMMM yyyy HH:mm:ss", g: "dd/MM/yyyy HH:mm", G: "dd/MM/yyyy HH:mm:ss", m: "d MMMM", M: "d MMMM", s: "yyyy'-'MM'-'dd'T'HH':'mm':'ss", t: "HH:mm", T: "HH:mm:ss", u: "yyyy'-'MM'-'dd HH':'mm':'ss'Z'", y: "MMMM yyyy", Y: "MMMM yyyy" }, firstDay: 1 } } });
But the problem is i don't want to change the patterns setting from the clients culture i need to remove this from being over ridden. If i remove this patterns code piece it all stop working. Is there any way to do this ??
Thanks a lot in advise.
1 answer
45 views
Hello,
we recently upgraded from Kendoui 2022 to the latest version and our MVVM forms stoped working.
So either there are changes to the datasource or MVVM or both.
Any ideas how to fix it?
The input elements look like this:<input data-bind="value: emailTextSource.data()[0].siteGroup" name="siteGroup" id="siteGroup" value="" class=" form-control" />Here is the datasource and the binding:
<script>
var crudServiceBaseUrl = 'emailTexts';
var myData = new kendo.data.DataSource({
transport: {
read: {
url: crudServiceBaseUrl + "/getdetails?id=1",
dataType: "json"
},
update: {
url: crudServiceBaseUrl + "/updatedetails",
dataType: "json",
type: 'get'
},
destroy: {
url: crudServiceBaseUrl + "/destroydetails",
dataType: "json"
},
},
schema: {
model: {
id: "id",
fields: {
}
}
}
});
var viewModel = kendo.observable({
emailTextSource: myData,
language: [{"language":1,"text":"Deutsch","logger":"","wirebox":"","languageId":1,"id":1,"validationResult":""},{"language":1,"text":"Englisch","logger":"","wirebox":"","languageId":2,"id":3,"validationResult":""}], delete: function(e) {
if (confirm('Sind Sie sicher?')) {
this.emailTextSource.remove(this.emailTextSource.data()[0]);
this.emailTextSource.sync();
} else {
// Do nothing!
}
}
, save: function(e) {
if (confirm('Speichern?')) {
myData.sync();
} else {
// Do nothing!
}
}
});
kendo.bind($("#emailTextDiv"), viewModel);
myData.read();
</script>1 answer
524 views
Hello,
I'm using a model popup in which I bind the kendo grid and set the grid right-click to open the context menu. However, the context menu does not appear. I'm using Kendo 2023.2.606 version. Please leave your feedback.
This below same code work fine in normal page. But, it's not working in model popup.
Context menu Code is here:
<ul id="clientSearchGridContextMenu" class="hide"><li id="clientSearchGridContextMenuAddFavourite"><span class="menu-item k-link">@Resource.lblAddFavourite</span></li>
<li id="clientSearchGridContextMenuRemoveFavourite" class="border-bottom-div"><span class="menu-item k-link">@Resource.lblRemoveFavourite</span></li>
<li id="clientSearchGridContextMenuClose"><span class="menu-item k-link">@Resource.lblClose</span></li>
</ul>
JavaScript code for context men:
bindClientSearchGridContextMenu: function (favourites) {clientManagement.variable.clientSearchGridContextMenuAddFavourite.css('display', favourites ? 'none' : 'block');
clientManagement.variable.clientSearchGridContextMenuRemoveFavourite.css('display', favourites ? 'block' : 'none');
clientManagement.variable.clientSearchGridContextMenu.kendoContextMenu({
target: "#clientMatterGrid",
filter: "tbody > tr",
open: function (e) {
clientManagement.variable.clientSearchGridContextMenu.addClass("show");
let node = $(e.target);
$("#clientMatterGrid").data('kendoGrid').select(node);
},
select: function (e) {
let node = $(e.target);
$("#clientMatterGrid").data('kendoGrid').select(node);
switch ($(e.item).attr('id')) {
case "clientSearchGridContextMenuAddFavourite":
clientManagement.addRemoveFavourite(true);
break;
case "clientSearchGridContextMenuRemoveFavourite":
clientManagement.addRemoveFavourite(false);
break;
case "clientSearchGridContextMenuClose":
clientManagement.variable.clientSearchGridContextMenu.data("kendoContextMenu").close();
break;
}
}
});
}
1 answer
56 views
$("#msUsers").kendoMultiSelect({
placeholder: "Select Users...",
autoClose: false,
dataTextField: "UserName",
dataValueField: "UserId",
virtual: {
itemHeight: 40,
mapValueTo: "dataItem",
valueMapper: function (options) {
var ids = options.value;
if (!ids.length) {
options.success([]);
return;
}
$.ajax({
url: "/Home/GetUserByIds",
traditional: true,
data: { ids: ids },
success: function (response) {
options.success(response.length ? response : []);
},
error: function (xhr) {
console.log("Error:", xhr.responseText);
}
});
}
},
dataSource: {
transport: {
read: {
url: "/Home/BindUsers",
dataType: "json",
data: function (options) {
return {
skip: options.skip,
take: options.take,
filter: options.filter
};
}
},
parameterMap: function (data, action) {
if (action === "read") {
return {
take: data.take,
skip: data.skip,
filter: data.filter?.filters?.[0]?.value || ""
};
}
return data;
}
},
schema: {
data: "Data",
total: "Total"
},
pageSize: 40,
serverPaging: true,
serverFiltering: true
}
});I’m using Kendo UI MultiSelect with virtualization enabled, and I’ve noticed an issue where calling:
$("#multiSelect").data("kendoMultiSelect").value([1,2]); //Where [1,2] already exists in the dataSource.
Immediately after setting the value, I attempt to retrieve it, but the result is an empty array [].
I tested this with setInterval(), and for a few milliseconds, the value remains empty before updating correctly.
My code logic requires retrieving the value immediately after setting it and passing it to an API call. However, as mentioned, I receive an empty array.
Is there an event I can listen for before proceeding?
I could use setTimeout(), but that feels like a hack.
Nikolay
Telerik team
answered
on
28 Feb 2025
1 answer
87 views
kendo.drawing.PDFOptions
I am using this option to download the pdf format of the kendo diagram control. How can I add the language options, to download the PDF in different languages?
/Kumeri.
Nikolay
Telerik team
answered
on
27 Feb 2025
0 answers
58 views
In my formatting of the grid I set the grid column titles. However when the user groups by the columns the k-group-indicator button uses the same "Title". Is there a way to have the k-group-indicator display a different text? My issue is that it doesn't format as HTML the same as the grid so it displays the html markup "<br/></th>" which is not what I want.
field: "ClientName", title: "[[[Client<br/>Name]]]",
template: "#= data.ClientName #",
width: 100,
groupHeaderTemplate: "[[[Client Name]]] ${data.value}",
hideOnGroup: true
},
{
field: "Acct", title: "[[[Account<br/>Number]]]",
template: "#= data.Acct #",
width: 100,
groupHeaderTemplate: "[[[Account Number]]] ${data.value}",
hideOnGroup: true
},
{
field: "ClientName", title: "[[[Client<br/>Name]]]",
template: "#= data.ClientName #",
width: 100,
groupHeaderTemplate: "[[[Client Name]]] ${data.value}",
hideOnGroup: true
},
{
field: "Acct", title: "[[[Account<br/>Number]]]",
template: "#= data.Acct #",
width: 100,
groupHeaderTemplate: "[[[Account Number]]] ${data.value}",
hideOnGroup: true
},3 answers
2.1K+ views
Hi,
AS my title says, how do I add a tooltip to a disabled kendoButton, for the purpose of telling a user why its disabled.
Dojo: https://dojo.telerik.com/OTOpIrOV
Thanks,
Grant
Martin
Telerik team
answered
on
26 Feb 2025
1 answer
46 views
I am using KendoGrid 2025.1.211.
The reorderable property is set like this:
reorderable: {
rows: { clickMoveClick: true }
},
- The clickMoveClick does not appear to have any effect
- I can drag rows up and down successfully but I CANNOT drag any row to the topmost row position. I can drag a row to the second row position and then drag the top row down one. In this way I can get a row to the top but this CANNOT be the intended design?
Martin
Telerik team
answered
on
26 Feb 2025
2 answers
1.2K+ views
I've been trying to figure a workaround for this problem.
Recently I've discovered that kendo tooltip isn't working on disable buttons.
I've made an example to show you:
http://dojo.telerik.com/EZogO/5
when the tooltip button is enable, kendo's tooltip work fine. But, if you disable the button it will stop working.
The problem is that this doesn't prevent the browser from showing his default tooltip.
Is there any solution?
Thanks in advance.
