Questions on Kendo UI for jQuery Forum

0 answers

109 views

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

49 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

32 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

72 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

46 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

69 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

70 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

39 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

0 answers

69 views

How do i control null values in dropdownlist cascading?

Hi,

When cascading a Kendo dropdownlist in two stages, if you select the option label of the parent dropdownlist (value is null), the child dropdownlist will not be affected.

When selecting the option label of the parent dropdownlist

(e.g., when the parent dropdownlist is a country and the child is a list of cities, the parent's option label is to select all, and the child dropdownlist is to display cities of all countries)

in the child dropdownlist Is there a way to catch and control this?

thanks

DropDownList

asked on 17 Oct 2024

0 answers

78 views

Is there a dataSource function I can call to trigger a read(), but only if necessary?

Hello we have a number of input elements, dropdowns, multiselects, etc which we are trying to defer loading for.

The problem is they use custom shared datasources, so setting them to AutoBind false is not automatically triggering the read() function, and we have added some additional dataSource behavior around multiselectors, which leads me to my question:

Is there a dataSource function like read() which only reads data from the server if its actually necessary? e.g. on the first load, if the dataSource has detected that the user has done something to the UI element to warrant a refresh, etc?

I know there are a tonne of undocumented functions on the kendo objects, some of them not intended for everyday use, but I'd be interested to know if any of them do what we need.

asked on 25 Sep 2024