Problem:
After enabling Content Security Policy (CSP), Kendo DropDownLists inside a PanelBar fail to initialize. On page load:
• The DropDownList renders as a plain input box.
• PanelBar items appear empty, and data binding does not happen.
• JavaScript access to the DDL fails.
Scenario:
• ASP.NET MVC Razor.
• Dropdown Lists inside PanelBar content templates.
• Worked fine before CSP; now initialization and binding fail.
Expected Behavior:
• DDL should initialize and bind data on content load even with CSP.
• PanelBar items should display properly.
Example:
@(
Thanks,
Anupriya. R
@(Html.Kendo().Grid<AggregateModel>()
... .columns.Bound(e => e.AccountType) .Title("Account Type").Width(100) .Filterable(f => f.Multi(true).Search(true).DataSource(ds => ds .Read(read => read.Type(HttpVerbs.Get).Url("api/AccountTypeFilters") .Data("{ field: 'AccountType' }"))));
{ "$id": "1", "AccountType": [ { "$id": "2", "Disabled": false, "Group": null, "Selected": false, "Text": "Client", "Value": "0" }, { "$id": "3", "Disabled": false, "Group": null, "Selected": false, "Text": "House", "Value": "1" } ] }
Uncaught TypeError: n.slice is not a function at init.success (kendoscripts.min.js?v=2-0-289-1:1:101049) at success (kendoscripts.min.js?v=2-0-289-1:1:100001) at i.success (kendoscripts.min.js?v=2-0-289-1:1:88721) at v (headerscripts.min.js?v=2-0-289-1:14:35030) at Object.fireWith [as resolveWith] (headerscripts.min.js?v=2-0-289-1:14:35775) at b (headerscripts.min.js?v=2-0-289-1:14:74792) at XMLHttpRequest.<anonymous> (headerscripts.min.js?v=2-0-289-1:14:79897) at XMLHttpRequest.wrapFn (webcomponents.js?v=2-0-289-1:2996:35) at _ZoneDelegate.invokeTask (webcomponents.js?v=2-0-289-1:2626:171) at ZoneImpl.runTask (webcomponents.js?v=2-0-289-1:2425:37)
I had the code below in my dialog to show icons in the action buttons. It worked on version 2023 R3. After upgrading to 2025.1.227, all it shows is the code (<span>) text.
Code:
@(Html.Kendo().Dialog() .Name("LetterPreviewDialog") .Title("Letter Preview") .Closable(true) .Modal(true) .ButtonLayout("normal") .Visible(false) .Events(e=>e.Close("OnLetterPreviewClose")) .Actions(a => { a.Add().Text("<span class='k-icon k-font-icon k-i-envelop'></span> Send Letter").Primary(true).Action("SendEmail"); a.Add().Text("<span class='k-icon k-font-icon k-i-cancel'></span> Cancel").Action("CancelEmail"); }))
Before:
After:
We have this Command:
columns.Command(c => { c.Custom("Delete").Text(" ").Click("onClick").IconClass("k-icon k-i-trash").HtmlAttributes(new { @title = Resource.DELETE }); })
And we have this function to set the grid state:
function loadOptions() { var options = sessionStorage["userTable-options"]; if (options) { var grid = $('#userTable').data('kendoGrid'); var toolBar = $("#userTable .k-grid-toolbar").html(); // https://stackoverflow.com/questions/27717575/kendo-mvc-persist-and-load-grid-buttons var optionsJSON = JSON.parse(options); // https://docs.telerik.com/kendo-ui/knowledge-base/grid-persist-customized-filter var StatusTranslated = optionsJSON.columns.filter(function (c) { return c.field === "StatusTranslated.Text"; })[0]; StatusTranslated.filterable = { ui: $.proxy(filterDropDownField, { field: 'StatusTranslated' }) }; grid.setOptions(optionsJSON); $("#userTable .k-grid-toolbar").html(toolBar); $("#userTable .k-grid-toolbar").addClass("k-grid-top"); } }
Before setting the grid state the button executes successfully. After executing setOptions the button does not work anymore.
How do we combine the possibility to save/load the grid state, and the usage of custom buttons in the grid?
Kind regards.
How can I influence the drop down filters so that both start with the operator 'Contains' and the logic between them as 'or'.
They should be able to change them after initial setting. i would like it to look like the enclosed image to start.
Hi,
I’m using the Kendo UI Grid with column menu filters. My requirement:
Let the user pick a filter operator (e.g., contains, equals).
Don’t apply a filter if the value is empty.
Keep the operator visible every time the 3-dot menu opens, even after sorting.
What I’ve tried:
columnMenuInit
→ Works first time, but doesn’t fire again for the same column.
Popup open
inside columnMenuInit
→ Fires once, but after sorting the grid, it doesn’t trigger again.
Delegated jQuery click handler → Works reliably, but feels like a hack.
Minimal repro (MVC wrapper):
Issue:
The operator shows correctly the first time.
After sorting and reopening the menu, the operator reset logic does not run.
Questions:
Is there an official event I can use to run logic every time the column menu opens?
What’s the recommended way to restore operator state when no filter value is applied?
Thanks!
How can I fix this, surely they are meant to be side by side, Ideally I would like to change the is true to labels also?
Hello Telerik support team,
I have an ASP.NET MVC project made in .NET Framework 4.6.2
It is using a local directory with files of version 2022.2.510 of Kendo UI. These are the contents of /lib/KENDOUIMVC/2022.2.510.545 of my project:
Kendo.Mvc.dll* cs-CZ/ el-GR/ fr-FR/ pl-PL/ ru-RU/ tr-TR/ Kendo.Mvc.xml da-DK/ es-ES/ he-IL/ pt-BR/ sk-SK/ uk-UA/ ar-AE/ de-DE/ export/ it-IT/ pt-PT/ spreadsheet/ zh-CN/ bg-BG/ distribution.xml fr-CA/ nl-NL/ ro-RO/ sv-SE/
I want to make use of the DropDownButton component in this project, and I tried the example code from this page:
https://demos.telerik.com/aspnet-mvc/dropdownbutton
I get this error however:
'WidgetFactory<InvoiceFilterViewModel>' does not contain a definition for 'DropDownButton' and no accessible extension method 'DropDownButton' accepting a first argument of type 'WidgetFactory<InvoiceFilterViewModel>' could be found (are you missing a using directive or an assembly reference?)
So I believe the DropDownButton is not available yet in the version of Kendo that I am using.
My questions;
1. Is it possible to upgrade my version of Kendo in the same way as have already? I tried looking in the downloads section, but I don't see the bundle of files I need. The source code bundles contain many different files. If this is not possible, can you then please tell me the alternatives?
2. Is it possible to see which versions a component is supported for on the Telerik documentation website?
I already applied an alternative using the DropDownList, but this does not really satisfy the requirements as a DropDownButton would. Note that upgrading the .NET version of this project is (sadly) not a possibility for me at the moment.
And a little side note, it seems this link is broken when clicking on the red "Documentation" button:
Page with the button: https://www.telerik.com/aspnet-mvc/dropdownbutton
Broken link: https://www.telerik.com/aspnet-mvc/documentation/getting-started
Hi,
I'm using ASP.NET MVC with Kendo UI v. 2024.2.514 and I'm running into a weird issue when exporting a grid to PDF.
When I trigger the export, the PDF output shows only the current page of the grid duplicated X number of times.
For example, if I'm on page 2 of a 10-page grid, instead of exporting all ten pages, the PDF contains page 2 repeated 10 times.
I'm enabling the PDF export like this:
.ToolBar(tools => tools.Pdf()) .Pdf(pdf => pdf.AllPages())
Has anyone run into this issue or have any suggestions on what I'm missing here?
Thanks!