The documentation of the Kendo-UI Diagram widget specifies the following signature of the zoom method (as do the corresponding TS typings):
zoom(zoom: number, point: kendo.dataviz.diagram.Point): void;
However, the JS implementation looks like this:
zoom: function(zoom, options)
where options is an object that may contain a field called "point" of type kendo.dataviz.diagram.Point.
When using zoom as documented, it ignores the specified point. This DOJO demonstrates the behavior.
The same way it is possible to make the search case-insensitive by setting columns.filterable.ignoreCase to true, it would be great if there was a way to add a custom filter (e.g. make the search diacritics-insensitive, with a custom function or as part of provided functionality). Thanks in advance.
Hi Team,
I would like request adding automatic line breaks for Kendo UI Charts to help avoid lengthy labels.
Thanks!
I need to get the output of a grid saving to pdf without sending the resulting PDF directly to the user. For example, a PDF export option "localexport: true" which would return the data to code instead of directly to the client.
Currently, the file data can be retrieved using the private _drawPDF method:
var grid = $("#grid").data("kendoGrid");
var progress = new $.Deferred();
grid
._drawPDF(progress)
.then((root) => {
return kendo.drawing.exportPDF(root, grid.options.pdf);
})
.done((data) => {
console.log(data);
});
Example: https://dojo.telerik.com/rjEORuHy.
However, the approach does not work well in all scenarios for example, when there are multiple pages - https://dojo.telerik.com/iiifASYZ/2
Thus, I would like to have a built -in method that will be suitable for all scenarios to generate and retreive the file data, without sending the file to the client.
Bug report
Grid's loader gets lost in the scrollable area height is greater than the viewport height
Reproduction of the problem
Dojo: https://dojo.telerik.com/hqknEyYx/2
Run and click on Export to Excel button
Worakround: https://dojo.telerik.com/gSsYgQpZ
excelExport: function (e) {
let gridHeight = $("#grid").height();
if (gridHeight < 700) {
$("div.k-loader-container-inner").addClass("smallHeight");
} else {
$("div.k-loader-container-inner").addClass("biggerHeight");
}
}
...
<style>
div.loaderPosition {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
div.biggerHeight {
position: absolute;
top: 50vh;
left: 50%;
transform: translate(-50%, -50%);
}
</style>
Environment
Kendo UI version: [all[
jQuery version: 3.4.1
Browser: [all]
When there's a DropDownList in the Toolbar's oveflow, clicking to open the DropDownList closes the overflow popup.
Regression introduced with 2023.1.117
Note: As of 2023.1.117, the DropDownList is no longer overflowing, despite overflow: "always". As of 2023.1.425 the DropDownList is again displayed in the overflow, and can no longer be opened.
The overflow popup closes
The overflow popup should remain open so that you can interact with the DropDownList
Bug report
Donut Chart Overlay looks different after Q2 2024
Before Q2 2024
After Q2 2024
Reproduction of the problem
Dojo demo: https://dojo.telerik.com/GHWBFuzv
Environment
Kendo UI version: 2024.2.514 or newer
Browser: [all]
In the DropDownList component with filtering, opening the dropdown on a mobile device and attempting to type in the search field causes the popup to close immediately.
Regression introduced with 2025.1.211
The DropDownList popup closes immediately when tapping the search field on a mobile device.
The DropDownList popup should remain open when tapping the search field on a mobile device, allowing users to enter text and filter options.
In a Spreadsheet that has a scrollable Sheetbar, clicking the arrow icons to scroll the sheets refreshes the page.
Regression introduced with 2024.4.1112
Workaround - https://dojo.telerik.com/IVcuYtjD/5
The page refreshes
The page shouldn't refresh
In a scenario where a Validator is created with validateOnBlur:false, and is used to validate a NumericTextBox, if the component is focused and blurred after validation, the k-invalid class is removed.
The k-invalid class, and the styles associated with it, are removed
It will be really useful if we could include a new 'filtering mode' in which operators like 'and' or 'or' are allowed in the filtering input box.
For instance, using the "doesnotcontain" with 'march or july or september' will allow users to exclude multiple conditions in a single filter
Bug report
Scrollable menu opening wrong menu on mobile
Reproduction of the problem
This is reproducible in Chrome developer tools - using iPhone 14 Pro Max
Dojo: https://runner.telerik.io/fullscreen/jtDsGBpV
1. Scroll a little to the right to have Ladies partially hidden
2. Click on Ladies
3. Notice that the ladies is focused and scrolled to be fully visible but the opened submenu is Mens
Environment
jQuery: 3.4.1
Kendo UI version: 2025.1.227
Browser: [all]
When there is a filter applied in Excel file and the file is imported in the Spreadsheet only the first row is visible. The issue occur when the filtered column is a numeric column.
Only the filter row is visible. The filter result data rows are hidden:
All rows with filtered results should be visible. Example:
In the TimeDurationPicker, if the columns format is configured as ##, when the user types a value - the result will be incorrect.
Incorrect value in the input
The value of the input should be 11:11:11
Expose autocomplete attribute for Kendo TextBox
Upon initializing the Kendo UI TextBox, the autocomplete attribute is initially set to off.
While this is suggested on MDN in most scenarios, there are use-cases where it is necessary to set autocomplete to new-password to avoid auto-filling.
Extend the API to allow setting the autocomplete attribute. This could be done in a similar way as the inputMode configuration.
Use jQuery attr method to set the item in the Ready event
$(function(){
$('#textBox').attr('autocomplete', 'new-password');
});
In my application, I have grids with dozens of hidden fields.
It would be beneficial if I could filter the available columns similar to what's available in the Windows Forms column chooser:
Bug report
Data validation should not require DATEVALUE("") in Start and End inputs when `Date` is selected
Reproduction of the problem
https://demos.telerik.com/kendo-ui/spreadsheet/index
1. Select an empty cell
2. Click Data validation
3. Set Start: DATEVALUE("1/1/2024") and End: DATEVALUE("2/2/2025")
4. Automatic Hint message looks like: between DATEVALUE("1/1/2024") and End: DATEVALUE("2/2/2025")
Expected
Generated hint message shall not contain DATEVALUE("")
Environment
**Kendo UI version: [all]
**Browser: [all]
Reordering using clickMoveClick in the Grid is very inconsistent.
The targeted row is not being reordered
The targeted row should be reordered