Telerik Forums
Kendo UI for jQuery Forum
1 answer
21 views
The question is quite straightforward. I need to add tabs to a DockManager's Tab pane via a button. How is that possible?
Martin
Telerik team
 answered on 19 Mar 2025
1 answer
32 views

Hello,

I'm looking into making a kendoTooltip object keyboard accessible in Kendo for Angular:

                <div kendoTooltip showOn="[...]" position="bottom" tabindex="0">


I see in the documentation for jQuery here that the tooltip has a showOn property which can take values of type "mouseenter", "click", or "focus". I'd like to have the equivalent of "mouseenter focus" as the value. However, the supported values seem different in Angular: my options instead seem to be "click", "hover", or "none". Is there a way to give this object a 'focus'-type value in Angular?

Martin Bechev
Telerik team
 answered on 18 Mar 2025
0 answers
24 views

Hello,

please see this example: https://dojo.telerik.com/vTWFOkNt

I have stacked columns chart. BUt in some situations I found, that chart is not displayed ok based on values. It happens when only 1 serie is rendered and values are not ordered.

Why this happens? Is it bug? Or how to setup chart properly to show user all values with correct stacking ratio?

Regards

René

René
Top achievements
Rank 2
Iron
Iron
Iron
 asked on 17 Mar 2025
1 answer
28 views

We have a Grid set to popup edit mode, and Kendo internally calls editRow() when we click on an "Edit" command button we define in one of the columns..  As part of our row editing process, we would like to refresh the row's data in the datasource from the remote server, so that the user is editing fresh, current data for the row.  It appears that even the beforeEdit event is too late for this, as the popup editor has already used the existing values in the data record, and getting the datasource to reload the data item the row uses won't affect the values displayed in the editor (although the datasource is indeed updated).  So what we did in our beforeEdit() handler was something like this:

  1. call e.preventDefault(), which is intended to eventually cancel out the editRow() call that Kendo made from our button click.
  2. get as "row" the "tr" element from e.sender.tbody that has the
  3. run some code that updates the one item in the datasource (e.model) - the AJAX call is done in a deferred promise.
  4. in the then() handler of that, call e.sender.editRow(row), which should make a new editing call, replacing the one we aborted with preventDefault().

This may be a terrible hack, but it seemed to work with Kendo 2021.2.526.  When we replaced that with Kendo 2025.1.227, it fails.  We get a Javascript error like this:

Uncaught TypeError: Cannot read properties of undefined (reading 'parent')
    at init.editRow (kendo.2025.1.227.all.min.js:9:1918996)
    at init._editCommandClick (kendo.2025.1.227.all.min.js:9:1911991)
    at HTMLDivElement.dispatch (jquery.min.js:3:12444)
    at r.handle (jquery.min.js:3:9173)

and the editRow line is something like this:

                a = r.editView ? r.editView.element : "popup" === s ? r._editContainer.parent() : r._editContainer,

where "r" is effectively "this", the grid widget.  It looks like when Kendo does its own editRow() call, it may be stashing the popup window as "_editContainer", and does a .parent() dereference to get the grid container that it would get directly in the non-popup case.  But when we make our own editGrid() call, either the context is slightly different and the Kendo code doesn't stash the popup window, or there's some extra state being kept in the newer Kendo code that isn't cleared by our preventDefault() call, and is still there when we make our own editRow() call before our beforeEdit handler returns control to Kendo, or something like that.

We could try either using our own button (which we would probably have to style to match the classes Kendo give the edit button it produces itself), which could call editRow(), or maybe attach a click handler to Kendo's button to do our data refresh before things continue on to Kendo's click handling, so that we get in there before Kendo calls editRow().  But I was wondering if there was some clean way of hooking into the row edit process to refresh our data before the popup window looks at it?

Nikolay
Telerik team
 answered on 17 Mar 2025
0 answers
23 views

Hi,

In our project, we are using Kendo Grid for data display and filtering. When performing a text search, I can set columns.filterable.ignoreCase to true for the search to be case-insensitive. Is there a way to make the search also diacritics-insensitive with a custom function? Thanks in advance :)

Iryna
Top achievements
Rank 1
 updated question on 17 Mar 2025
1 answer
22 views
Can anyone suggest a way to overlay a short string over the middle of the QR Code image generated by the QR Code component?
Neli
Telerik team
 answered on 17 Mar 2025
1 answer
28 views
How do I get the e.sender.options.noRecords setting from a KendoTreeList databound event? It doesn't seem to be with the options like in a kendoGrid, yet it does seem to respond to adding or removing that option. 
Martin
Telerik team
 answered on 14 Mar 2025
1 answer
23 views

Using scroll tabs arrows causes page reload on spreadsheet. This is the two arrows at the bottom right on the spreadsheet control when tabs go off the screen.

This only seems to happen when the spreadsheet is between <form></form> elements. Take these out and it works as expected.

See this dojo: https://dojo.telerik.com/HXscWjdD/2

Did a setting change? This did not happen in earlier versions.

Martin
Telerik team
 answered on 14 Mar 2025
1 answer
25 views

Hi Team,

Found this issue with NumericTextBox. Please consider dojo: https://dojo.telerik.com/RSXrPCFH

When KendoValidator is initialised with validateOnBlur:false, KendoNumericTextBox looses .k-invalid class and associated style when moving out of field.

Try this:

1. Click button "Validate fields".

2. The 2 fields get red.

3. Click into second field (numeric) and then move out the field. The field looses its invalid status!

4. The other field (text) keeps its invalid status when doing the same.

 

Please advise.

Regards,

Laurent.

Martin
Telerik team
 answered on 13 Mar 2025
1 answer
23 views

Hi,

I am trying to use the Kendo TileLayout in JQuery, and I need to add some custom class to the tile body and tile header for some specific Tiles.

I can see that with the TileLayout in React, we can do this just by setting the className. But I can't find a similar thing in the document for the JQuery.

https://demos.telerik.com/kendo-ui/tilelayout/index?_gl=1*1c0f67v*_gcl_au*MTIwODkwNzMwOS4xNzMzOTk0MTQx*_ga*MjA2MTg3MTQxMy4xNzMzOTk0MTQx*_ga_9JSNBCSF54*MTc0MTU3MzgxMC4xNC4xLjE3NDE1NzQzMDUuMzcuMC4w

Could you please help me with this?

Thanks.

Martin
Telerik team
 answered on 12 Mar 2025
Narrow your results
Selected tags
Tags
+? more
Top users last month
Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
Krasimir
Top achievements
Rank 3
Iron
Iron
Iron
Shawn
Top achievements
Rank 1
Iron
Javier
Top achievements
Rank 1
Iron
Jean-François
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
Krasimir
Top achievements
Rank 3
Iron
Iron
Iron
Shawn
Top achievements
Rank 1
Iron
Javier
Top achievements
Rank 1
Iron
Jean-François
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?