Questions on Kendo UI for jQuery Forum

1 answer

18 views

Remove the word "filter" from search in dropdown list

With the latest update of Kendo UI JQuery, we are seeing the word "filter" in the search box of the dropdown list. How do we remove that or change it to "search"?

DropDownList

answered on 24 Jun 2025

1 answer

12 views

Multiselect Tree issues

When I select initialize a kendoDropDownTree with checkboxes set to true, I experience all kinds of odd behavior visually. Inspecting the code shows that it is now a MultiSelectTree and not a DropDownTree yet there is no documentation and little support for this somewhat hidden component. I would actually prefer to have a MultiSelectTree without the checkboxes similar to a multiselect but with the grouping.

One issue, is that it does not respect the global settings for the corner radius of the box.

kendo.ui["DropDownTree"].fn.options["rounded"] = "none";

kendo.ui["MultiSelect"].fn.options["rounded"] = "none";

These seem to do nothing. When I guessed at "MultiSelectTree", I got a console error.

Another issue is that the UI looks very different from the regular multiselect and it doesn't seem to apply the .k-selected class as expected. When I check a box, the aria-checked is true but the k-selected class is not applied, this makes the item remain white rather than getting the blue background like it does in a regular multi-select. Can we get some consistency there?

Expanding an element does not change the height of the k-child-animation-container. It does show on the screen, but any styling targeting the container will not work because the container does not expand to fit the content.

I made my dropdown arrows 7px wider (k-treeview-toggle). Now the autoWidth makes the list 7px wider than the input element.

answered on 10 Jun 2025

0 answers

138 views

How to address CSP 'unsafe-eval'

Hi,

My CSP settings on the server-side:

Response.AddHeader("Content-Security-Policy", "default-src 'self'; script-src 'self' https://code.jquery.com 'nonce-kendoInlineScript' https://kendo.cdn.telerik.com; connect-src 'self'; img-src 'self' 'unsafe-inline' blob: data: gap:; style-src 'self' 'unsafe-inline' https://kendo.cdn.telerik.com; font-src 'self' data:;");

My CSP settings on the front-end:

And I get the following error:

Now of course, when I add 'unsafe-eval' in the CSP settings/config, the errors will be gone but it's not ideal since at the end of the day, it's still a security risk however low.

BTW, I'm using CDN to load the JQuery and Kendo js:

I would greatly appreciate if you can give some assistance.

Thanks,

JT

DropDownList

asked on 12 Mar 2025

0 answers

60 views

Kendo multiselect not working with single tap on mobile -only responds to long press

Hello everyone,

I'm currently working with Kendo UI's MultiSelect widget, and I’m experiencing an issue specifically on Android mobile devices.

On desktop, everything works fine. However, when testing on mobile, the MultiSelect only opens when I perform a long press. It does not open with a single tap, which is how I want it to function.

I’ve tried binding both touchstart and touchend events manually, but the issue persists. I also attempted to use FastClick to remove any tap delays, but the problem still occurs.

Here’s a snippet of my code:

javascript
Copy
$("#test_0").kendoMultiSelect({
itemTemplate: "<input type='checkbox'/>" + " #:data.adressName#",
placeholder: "xyz"
dataTextField: "adressName",
dataValueField: "adressName",
tagTemplate: '<span title="#:adressName#">#:data.adressName#</span>',
dataBound: function () {
var items = this.ul.find("li");
setTimeout(function () {
checkInputs(items);
});
},
change: function () {
var items = this.ul.find("li");
checkInputs(items);
}
});
Has anyone else experienced this issue? How can I make Kendo MultiSelect work with a single tap (not requiring a long press) on Android mobile devices?

Any help or suggestions would be greatly appreciated!

Thanks!

DropDownList

MultiSelect

asked on 22 Feb 2025

1 answer

38 views

Arabic Conversion not happening

We tried to apply the arabic conversion logic to the page. We have control like textbox, dropdown, date and grids with labels. The labels of all controls was changed without any issue. The grid column header caption and the data was also changed.

But the value inside the textbox, dropdown was not changed. Any guidance to resolve this issue.

I used the below code to enable the Google Translation in page.

function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'en',
includedLanguages: 'ar,en',
layout: google.translate.TranslateElement.InlineLayout.SIMPLE
}, 'google_translate_element');
}

I herewith shared a video for your reference.

answered on 05 Feb 2025

1 answer

79 views

Kendo UI Combo/dropdown/lists Issue | Initiating multiple times

Hi Team,

We extensively use Kendo UI jQuery in our application for various front-end activities. Recently, we attempted to upgrade our Kendo UI version from 2021 to 2024 and encountered issues with comboboxes, dropdowns, and lists.

Many of our controls rely on dynamic data that changes based on multiple factors and requirements. This functionality is critical to our application. However, post-upgrade, we have observed unexpected behavior, as illustrated in the attached screenshots.

To help replicate the issue, we have created a sample in the Kendo Dojo, which can be accessed via the following link:
https://dojo.telerik.com/WyKWJZpa

Please note, The reported behavior is seen in combobox2 on change of combobox1

This behavior was not present in the previous version, and the upgrade seems to have introduced this issue. Since this implementation pattern is widespread in our application, modifying the code everywhere is not a feasible option.

We kindly request your assistance in identifying a quick and efficient resolution to this issue.

Thank you in advance for your support.

ComboBox

DropDownList

ListView

answered on 19 Dec 2024

1 answer

50 views

regarding Dropdownlist (with virtual scrolling enabled) which is initialised by kendo.init

 
 

<script type="text/x-kendo-template" id="gDropdownListTemplate">
    # var required = typeof options.required === 'undefined' ? false : options.required; #
    # var isRemote = typeof options.isRemote === 'undefined' ? false : options.isRemote; #
    # var filterable = typeof options.filterable === 'undefined' ? true : options.filterable; #
    # var enable = typeof options.enable === 'undefined' ? true : options.enable; #

    <input 
        required="#= required ? 'required': '' #"
        id="#= options.key #" 
        name="#= options.key #" 
        data-role="dropdownlist" 
        data-value-primitive="true"
        data-text-field="label" 
        data-value-field="value"
        data-filter="#= isRemote && filterable ? 'contains' :'none' #"
        data-index="#= options.index || -1 #"
        data-auto-bind="#= options.autoBind #"
        data-option-label="#= options.optionLabel || '' #"
        data-enable="#= enable #"
        data-min-length="#= options.minLength || 1 #"
        data-value="#= options.value || '' #"
        data-change="#= options.change #"
        data-bound="#= options.dataBound #"
        data-source="#= options.dataSource #"
        data-required-msg="#= $.gForm.requiredMessage #"
        data-height="#= isRemote ? 250 : 200 #" 
        data-virtual="#= options.virtual ? '{ itemHeight: 32, valueMapper: $.gCommon.valueMapper }' : false #"
    />
</script>
 
 
when autobind is true (isEdit=false), the api is triggered, but no loading effect 
 
when autobind is false, then manually set the value .
 the api is not triggered.
 
but if I disable virtual scrolling, everything works fine....
 
plus if I do it in this way, it works , too
 
 

 

DropDownList

answered on 13 Dec 2024

0 answers

74 views

Kendo UI Combo/dropdown/lists Issue | Initiating multiple times.

Hi Team,

We extensively use Kendo UI jQuery in our application for various front-end activities. Recently, we attempted to upgrade our Kendo UI version from 2021 to 2024 and encountered issues with comboboxes, dropdowns, and lists.

Many of our controls rely on dynamic data that changes based on multiple factors and requirements. This functionality is critical to our application. However, post-upgrade, we have observed unexpected behavior, as illustrated in the attached screenshots.

To help replicate the issue, we have created a sample in the Kendo Dojo, which can be accessed via the following link:
https://dojo.telerik.com/WyKWJZpa

Please note, The reported behavior is seen in combobox2 on change of combobox1

This behavior was not present in the previous version, and the upgrade seems to have introduced this issue. Since this implementation pattern is widespread in our application, modifying the code everywhere is not a feasible option.

We kindly request your assistance in identifying a quick and efficient resolution to this issue.

Thank you in advance for your support.

ComboBox

DropDownList

ListView

asked on 12 Dec 2024

1 answer

85 views

Guidance Needed: Upgrading Mobile Web Application Without kendo.mobile.all.min.css

Hello Kendo UI Community,

We are in the process of upgrading our mobile web application to the latest version of Kendo UI (2024.3.1015). During the upgrade, we noticed that the kendo.mobile.all.min.css file is no longer included in the newer versions. Our application heavily depends on this file for mobile-specific styling and functionality.

Could you please advise on the following:

What is the recommended replacement for kendo.mobile.all.min.css in the latest Kendo UI versions?
How can we ensure that our application retains the same mobile-friendly layout and features after the upgrade?
Are there any migration guides, examples, or resources for transitioning from Kendo UI Mobile to the current responsive framework?

Any insights or suggestions would be greatly appreciated, as this is critical for us to keep our application functional and up-to-date.

Thank you!

Best regards,
Arvind Kanswal

answered on 12 Dec 2024

1 answer

43 views

How to set size of the kendo popup content in dropdownlist after open state

As you can see my actual dropdownlist input "Water" that is selected is 11px font size, How can i set the same size for popup values as well as it gets added to dom on runtime.

DropDownList

answered on 28 Nov 2024