Hello folks,

I have a question related to Kendo and jQuery compatibility. In my project, we rely on Kendo UI for jQuery for most of our UX components. We are using Kendo UI version 2018.1.117 and the jQuery version 1.12.2.

We are trying to upgrade jQuery to 3.5 and want to know if this will still work with our current Kendo version (2018.1.117). I understand jQuery and Kendo are closely related and we eventually want to upgrade Kendo to latest 2020.2.617 too but upgrading both at the same time is not something we would prefer. We prefer to take incremental approach of upgrading jQuery first, followed by Kendo upgrade.

Documentation here specifies the supported jQuery version for Kendo. Is there any documentation that will point what components will break if we are at an unsupported jQuery version? I did a quick spike with [ Kendo 2018.1.117 + jQuery 3.5 ] and there were no visible issues.

Looking for your suggestions here. Thank you!

Kiran

     I wish I'd bookmarked what I saw, but I'd swear I saw a page demonstrating a commonly used technique to help users understand a page: a small popup and arrow points to one area of the page and explains what it does, and when the user closes that popup another on a different part of the page points to another control and explains it, and this happens for several steps. I can't seem to find that control or demo on the kendo ui demo page- does anybody recall what I'm remembering?

Thanks.

In Numeric Textbox when provide value more than 16 digits, Clicking outside the textbox, The number automatically gets incremented and decremented on different values

Another scenario when the provide value more than 20 digits, Clicking outside the textbox displays only one digit or different value

Do we have any solution/workaround to achieve this scenario?

The details here, do not seem to work for AngularJS implementation. Nothing happens, and none of my log messages are shown on click or focus.

http://docs.telerik.com/kendo-ui/controls/editors/numerictextbox/how-to/select-all-on-focus

My Html:

<input kendo-numeric-text-box
k-min="0"
k-ng-model="params.averagePrice.max"
style="width: 45%;"
k-format="'n1'"
k-step="0.1"
k-on-change="maxChange(params.averagePrice)"
k-on-spin="maxChange(params.averagePrice)"/>

Inside my Angularjs Controller:

$(document).ready(function () {
$("input[type=text]").bind("focus", function () {
$log.info("bind focus ");
var input = $(this);
clearTimeout(input.data("selectTimeId")); //stop started time out if any

var selectTimeId = setTimeout(function () {
input.select();
});

input.data("selectTimeId", selectTimeId);
}).blur(function (e) {
$log.info("bind blur");
clearTimeout($(this).data("selectTimeId")); //stop started timeout
})
});

Currently I have a treeview populated from a datasource that has additional fields.  I am using a filter to show checkboxes on the child nodes only (not the top level node). One of those extra fields is called loss.  If the loss value is greater than zero I would like to change the text color of the node to red.

My current template is "# if(!item.items){# <input type='checkbox' value='true' />#}#"

How would I do this?

Thanks

Jason

How do I reduce the Tile container header font size, reduce header size and remove padding between containers?

Thanks.

I am using a kendo chart to display a scatter plot. Most of the data lie at zero levels and that gets almost hidden in the x-axis line.
Is there an option to make more space before the 0 on the y-axis and x-axis? i.e if there is an option to make the 0 start from a little bit up on the y-axis and a little bit right on the x-axis?

Like see in the figure 1.

I have left menu is hidden or same case is visible so when i click show button then the tab width is change from 100% to 70% so in this case the tab get added scroll and arrow so how to do that

Demo:

https://dojo.telerik.com/@vishal14/UcaPEYoh