Last Updated: 09 Aug 2019 11:33 by ADMIN
Created by: Chris
Comments: 3
Category: Map
Type: Bug Report

When a user clicks on the map outside of a shape (i.e. in an ocean) and drags to pan around the map, the click event does not get fired fired after panEnd.  

When a user clicks on a shape (i.e. a Montana) and then drags to pan around the map, the shapeClick event fires after panEnd.

This issue is reproducible on the events demo page:


The events reported when clicking and dragging on a shape, (bottom being first event):

Shape click :: Montana
Pan ended at :: 50.401515,-62.841797
Pan to :: 50.401515,-62.841797
Pan to :: 50.401515,-62.666016
Pan to :: 50.625073,-62.666016
Pan to :: 50.736455,-62.666016

Shape mouseEnter :: Montana

Last Updated: 07 Aug 2019 08:25 by ADMIN
Created by: Dmitry
Comments: 1
Category: Editor
Type: Bug Report

Bug report

The fontSize tool gets focus after text selection. 

Steps to reproduce

* Open and run demo.

* Select /highlight Line4, choose 16 in the fontSize dropdown.

* Put the cursor at the end of Line6, select  Line4, Line5 and Line6 using the mouse. Note that the keyboard focus has shifted to the fontSize dropdown.


Last Updated: 02 Aug 2019 09:53 by ADMIN


I am binding columns dynamcially in jquery without template column header spacing working file becuase i have added "[ ]" this symbol.

but when try to add anchor tag link with onclick method then i am getting issue.

i have attached file java script error please provide some solutions.


Last Updated: 24 Jul 2019 11:31 by ADMIN
Created by: Sergio
Comments: 1
Category: Gantt
Type: Feature Request

I´m working with Kendo Ui Gantt AngularJS

How to execute the update function and get, again, I need it for a custom function

I need something like that
update ();
get ();

Last Updated: 18 Jul 2019 13:40 by ADMIN
Created by: ENEYDA
Comments: 1
Category: Gantt
Type: Feature Request
I have a problem with kendo AngularJs, I´m working with Kendo Gantt, in the section when the resources are assigned, they are repeated, for example, I have TASK 1 and I assigned the resource Manuel, and I have the  TASK 2, I assigned the reosurce Daniel, in the TASK 2 is assigned the resource Manuel and Daniel, and this happen en all tasks. 
Last Updated: 25 Jun 2019 08:32 by ADMIN
Created by: n/a
Comments: 1
Category: Kendo UI for jQuery
Type: Feature Request

I would like there to be a simple input field that allows a datasource to be attached. This would support update database operations to be sent as JSON to the desired URL, much like grid or gantt do.

Seems a bit of an oversite that you don't have this on, given the width and breadth of your other controls.

Last Updated: 19 Jun 2019 05:34 by ADMIN
Created by: Manak
Comments: 1
Category: Map
Type: Feature Request
When we will able to use Google Map Api like Bing?
Last Updated: 14 Jun 2019 11:01 by ADMIN

When using MVVM, when modal = true, the entire page is always in modal mode at page load even if the dialog is not visible. When not using MVVM, when the dialog is not visible, the page is not in modal mode which is expected.


Here is a modified Dojo that I got from your demo page that I set the dialog to not visible but the modal is on at page load.


Here is the same not using MVVM that the dialog is set to not visible and the modal is not on at page load as expected.

Last Updated: 05 Jun 2019 08:58 by ADMIN

Dear Telerik team.

Currently you use hard coded formats to display dates and times.

majorTimeHeaderTemplate: '<span class=\'k-time-text\'>#=kendo.toString(date, \'h:mm\')#</span> ' + '<span class=\'k-time-period\'>#=kendo.toString(date, \'tt\')#</span>'

It would be nice if you would respect the culture settings and at least I would not have to change the templates every time I use a scheduler.

I didn't check all your widgets, but I guess the scheduler is not the only one ignoring the culture settings.

Please make use of the current culture settings/patterns

Thanks in advance


Last Updated: 04 Jun 2019 13:11 by ADMIN
Slider seems to only output numbers, I want to use it for date ranges, ala
Last Updated: 15 May 2019 13:12 by ADMIN
Created by: Imported User
Comments: 1
Category: Spreadsheet
Type: Feature Request
I want to know the combination keys that generate the paste event 

Last Updated: 03 May 2019 10:31 by ADMIN
Created by: Bryan
Comments: 5
Category: Spreadsheet
Type: Feature Request

In my testing of utilizing the spreadsheet component and starting off with for example 100 rows in the configuration options, using insert row typically seems to shift the data down (if you have anything below the cursor). It does not actually increase the number of rows in the sheet. 


For example if I initialize the spreadsheet with the following info:

        rows: 100,
        columns: 26


This will create the spreadsheet with 100 rows and columns A-Z as expected.

Now going anywhere in the sheet (or the end) and inserting a row above/or below will not add row 101, 102, 103, etc. In fact, if you are in the very last row and hit insert row below it will come up with a message regarding a possible loss of data. 

A couple things I have tried:

  • Utilizing the insertRow event and setting a flag for when the next render call happens to recreate the sheet using the fromJSON() function.This mostly works actually, however if you try this while the cursor is near the last row (within 1-2 cells) there seems to be some sort of bug that the data from toJSON() removes the data from rows 1 and 2, but only after column 2. For example see attached screenshot
  • Utilizing the insertRow event and updating event.sender.options.rows to increase by 1, it does something meaning the container expands in height by a little bit, but its an empty "row" with no grids and you cannot add content (it also does not have an # for the row). Looking at the actual JSON data it appears there are a lot of other locations rows is set, in the sheet, in the view, grid, etc.


So with that said, is it at all possible to actually add a row to the sheet as one would expect the behavior to be. This obviously still needs to call the internal functions to recalculate the ranges and data throughout the sheet; but somehow re-fresh or re-render the UI component (just calling render again doesn't fix it).



I appreciate your help with this.

Last Updated: 15 Apr 2019 09:49 by ADMIN

We have: Uncaught Error: The toDataURL method can be used only with jsZip 2. Either include jsZip 2 or use the toDataURLAsync method.

and we have:

so i implement a function SpreadSheetOnexcelExport on excelExport event:

$.SpreadSheetOnexcelExport = function(){
var args = arguments[0];
var options = args.sender.options;
var wb = args.workbook;
var wbX = new kendo.ooxml.Workbook(wb)
var dataURL = wbX.toDataURLAsync();
wbX.toDataURLAsync().then(function(dataURL) {
  dataURI: dataURL,
  fileName: options.excel.fileName

The problem is that, for fileName, I have no way to use the file name, selected by the user:

Last Updated: 12 Apr 2019 08:31 by ADMIN

We are working on enterprise product, which uses Progress Telerik jQuery KendoUI components extensively purchased by our Company. In which Kendo grid is used in many modules of our product.

Now a days we are working on Accessibility (i.e. keyboard and screen reader) as part of out-of-box feature of our product.

The grid has been made accessible so that it can be navigated using the keyboard arrow keys, once it receives focus via Tab Key in order of tab index or Alt + W short cut key. In turn, this has spawned up one issue in terms of keyboard operatibility. You can now tab into the grid, use arrow keys to navigate to the cell containing action buttons and then again tab to the button that you want to activate.

This is causing confusion in terms of use of the tab key. Ideally, the tab should take focus from one widget to another. That is the tab key should have taken focus into the grid and pressing it again should have navigated away from the grid. But because of the action buttons displayed within the grid for each record, that tab also navigates controls within the grid widget. This causes numerous press of the tab key just to traverse past the grid widget.

Now due to this, user needing to press the tab key multiple times is an accessibility issue.

Also while referring Grid control demo on , we found the same type of behavior when traversing through “Edit” and “Delete” buttons. One of the code snippet developed by us using can be referred on

It would be great if this issue is addressed with a good accessible way.


Please find below reply received from on the accessibility forum, when we tried raising the issue to find out the remedial solution:

Reply 1 by "Glen Walker"

Just to make sure we're talking about the right type of component, a grid vs a table, a grid is like a spreadsheet where you can interact with all the cells.  I agree that a grid should be a single tab stop so that you can easily navigate to the elements after the grid.  However, I have seen implementations that once you're in the grid and in "edit mode", you can tab amongst the cells.  This is helpful if the cell contains an element that uses the arrow keys (such as a radio or select) and you want the arrows interpreted by the element and not navigate to the next cell.  You then need to get out of "edit mode" (perhaps via the escape key) in order to tab off the grid.

A table, on the other hand, doesn't let you interact with the cell directly but that doesn't mean a cell cannot have an interactive element.  That is, you can have links or buttons or inputs in a table cell and it'd still be considered a table and not a grid.  It's kind of a fine nuance.  A grid lets you interact with the cell itself and a table might let you interact with an element that is in the cell, but not with the cell itself.

There is, of course, more to this than that but I was trying to keep it basic and simple.

So, that being said, do you really have a grid or a table?

Let's say you really have a table instead of a grid, and that one of the cells in your table has several buttons, and that pattern is repeated on every row.  You would indeed have a bunch of tab stops, making it difficult to navigate beyond the table.

One possibility is if all the button actions are grouped together, they could be considered a toolbar.  A toolbar is one tab stop and you arrow between the buttons, but you'd still have the problem of having a toolbar on every row.  A toolbar would reduce the number of tab stops compared to having all separate buttons but you'd still have X number of tab stops for X rows.  One for each toolbar.

Maybe a grid in that case would be better.  Tab to the grid, tab again to whatever element follows the grid.  Tab back to the grid and use the arrow keys to navigate to the desired row.  Maybe the row goes into "edit mode" automatically when it receives focus with the arrow and then all the interactive elements in the row get a tabindex of 0.

That might be a bit non-standard and there probably isn't a good "role" to explain the behavior.  A bit of usability testing might be required.



Chirag Vidani

Last Updated: 04 Apr 2019 13:51 by ADMIN
Created by: Mick
Comments: 1
Category: Kendo UI for jQuery
Type: Feature Request
Template for Kendo Gantt summary tasks, so they can be made to look similarly to regular tasks
Last Updated: 21 Mar 2019 16:28 by Dimitris I.
Created by: Dimitris I.
Comments: 6
Category: Kendo UI for jQuery
Type: Bug Report

He have created this dojo to illustrate our point.

We would like to be able to be able to clone options from the top options and subsequently to be able to edit any cloned (child) option. 

We are unable to figure out a way so that the child/cloned dropdowns can change state.

Is it a bug or a feature? How can we achieve our aim?

Thank you so much,


Last Updated: 01 Mar 2019 11:49 by ADMIN
Created by: Radhika
Comments: 1
Category: Kendo UI for jQuery
Type: Bug Report


I am facing an issue with Kendo grid ,i.e. Having more than one filter present in a grid and then deleting any one filter entry and clicking FILTER (or just pressing ENTER on keyboard) clears ALL filters.

In my Kendo grid , when I apply a filter to 2 columns, first I apply filter to numeric column which results in no value and, after that I applies the filter to a string column combined with numeric column which also results to no value, Nothing is displayed. But when I remove the value from textbox of numeric column and enter filter, no data is being displayed as string column filter is there but in case I remove the value from textbox of string column and enter filter , numeric column filter also gets removed. I also checked the Kendo functionality , but didn't find any solution for this problem.


Here's the code for Kendo Grid Filter which is causing the above issue.




    $scope.DemoGrid = {
        columns: [
            { field: 'ID', title: "ID", template: "<span><a href='' class='link-default' ng-click='getDetails(\"#=ID#\")'>#=ID#</a></span>" }, 
            { field: 'Type', filterable: false, title: "Type" },
            { field: 'Name', title: "Name", template: "<span>#=Name# </span>" },
                field: 'Date', title: "Date", type: "date", format: "{0:dd-MMM-yyyy}", parseFormats: ["dd/MM/yyyy"],
                filterable: {
                    ui: function (element) {
                            format: "dd-MMM-yyyy",
                            parseFormats: ["dd/MM/yyyy"]
            { field: '', title: 'Action', template: "<span><a href=\'" + DemoDownloadApi + "?id=#=DownloadId#\' role='button' class='btn btn-blue-primary'>Download</a></a></span>" },
            { field: "DownloadId", hidden: true, sortable: false },

        pageable: {
            buttonCount: 5,
            pageSizes: [10, 20, 50, 100, 'All'],
            input: true,
            //refresh: false,
            messages: {
                display: Msg1,
                empty: Msg2
        sortable: true,
        dataSource: DemoDataSource,
        autoBind: false,
        filterable: true,
        scrollable: false,
        resizable: true,


Last Updated: 16 Jan 2019 17:40 by ADMIN

If I read I find “Setting Handlers through k-on Attribute” which suggests that I should be able to write `k-on-` prior to any of the events documented at and automatically run under `$apply()` or `$applyAsync()`. However, when I try that, my event handler doesn’t even run at all.

I think this is an oversight.

I can reproduce this in which is generated from the link at which uses AngularJS v1.7.2 and Kendo UI v2018.3.1017.

Last Updated: 10 Jan 2019 18:29 by ADMIN

When using AngularJS binding for dropdownlist options in the latest version of Kendo (2018.3.1017), the option labels are not dynamically bound to the scope/controller.  I changed one of the options to have the label {{::foo}} and set the field foo to "BAR" when initializing the scope.  When I run this code with the latest version, the literal text "{{::foo}}" is displayed for the first item of the drop down.  When I use an older version of Kendo (2018.2.516), the text "BAR" is displayed for that item.  This is a regression bug that is causing an error in our product.

Here is a testcase that illustrates the problem.  To toggle between the working and broken versions, change the CDN values.

Last Updated: 28 Nov 2018 11:34 by ADMIN
<div class="filterField">
<label for="filterTags">Tags</label><br/>
<div class="filterFieldBody">
<input id="filterTags"/>


$( document ).ready( function ()

$( "#filterTags" ).kendoMultiSelect( {
placeholder: "Select Tag(s)",
autoClose: false,
dataTextField: "text",
dataValueField: "value",
autoBind: false,
dataSource: [
{ text: 'Summery Love Campaign', value: '1' },
{ text: 'Melbourne Cup', value: '2' },
{ text: '2018 Formals', value: '3' },
{ text: '2018 Schoolies Dance Club', value: '4' },
{ text: '2018 Schoolies Beach Fun', value: '5' },
{ text: 'Bridesmaids', value: '6' },
{ text: 'Wedding', value: '7' }
//value: [], without value set to an empty array kendo ui assumes value:[''] but with an array count of 0

// which causes all kinds of issues most especially when deleting
change: function ( e )
tagIds = this.value();
} );

} );