Telerik Forums
UI for ASP.NET MVC Forum
2 answers
11 views
Is there a way to cancel item remove in the remove event handler? Something similar to preventDefault()
Anton Mironov
Telerik team
 answered on 11 Sep 2025
1 answer
21 views

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:

@(
                     Html.Kendo().PanelBar()
                     .Name("panelbar")
                     .ExpandMode(PanelBarExpandMode.Multiple)
                     .Items(panelbar =>
                     {
                         panelbar.Add().Text("Note : Please fill all the input")
                         .Content(@<text>
        @(Html.Kendo().DropDownList()
                                            .Name("dropdown")
                                            .OptionLabel("Please Select")
                                            .OptionLabelTemplate("<span style='color:dimgrey;font-size:10px;font-weight:bold'>Please Select</span>")
                                            .DataValueField("id")
                                            .DataTextField("Text")
                                            .Template("#:id # - #:datacolumn # - #:datecolumn #")
.DataSource(source=>{source.Read(read=>{read.Action("action","controller");});})
.Events(e=>{e.Select("onselect");})
                                            )
   </text>
   );

 

Thanks,

Anupriya. R

Anton Mironov
Telerik team
 answered on 09 Sep 2025
1 answer
25 views
hi, I am trying to populate Kendo MVC Grid filter with remote api data but getting js error. Could you help on fixing it? Please find the code snippets and js error below

C# Grid:
@(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' }"))));

API Response (api/AcountTypeFilters) : with Text and Value fields
{ "$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" } ] }

js error:
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)

Kendo.Mvc, Version=2022.1.412.0
Kendo UI js v2018.3.911
Mihaela
Telerik team
 answered on 04 Sep 2025
1 answer
18 views

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:

Ivaylo
Telerik team
 answered on 01 Sep 2025
1 answer
14 views

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.

 

Stefan
Top achievements
Rank 2
Iron
Iron
Iron
 answered on 28 Aug 2025
1 answer
24 views

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.

Eyup
Telerik team
 answered on 27 Aug 2025
0 answers
23 views

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:

  1. columnMenuInit → Works first time, but doesn’t fire again for the same column.

  2. Popup open inside columnMenuInit → Fires once, but after sorting the grid, it doesn’t trigger again.

  3. Delegated jQuery click handler → Works reliably, but feels like a hack.

Minimal repro (MVC wrapper):

@(Html.Kendo().Grid<MyModel>() .Name("Invoices") .Columns(c => { c.Bound(x => x.InvoiceNumber); c.Bound(x => x.CustomerName); }) .Sortable() .Filterable(f => f.Extra(false)) .ColumnMenu(m => m.Filterable(true)) .Events(e => e.ColumnMenuInit("onColumnMenuInit")) ) <script> function onColumnMenuInit(e) { var popup = e.container.data("kendoPopup"); if (popup) { popup.bind("open", function () { var ddl = e.container.find("select[title='Operator']").data("kendoDropDownList"); if (ddl) ddl.value("contains"); // operator only, no value e.container.find("input[type=text]").val(""); }); } } </script>

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!

Isis
Top achievements
Rank 1
 asked on 20 Aug 2025
1 answer
16 views

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?

 

Eyup
Telerik team
 answered on 12 Aug 2025
1 answer
23 views

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 

Mihaela
Telerik team
 answered on 07 Aug 2025
1 answer
31 views

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!

Mihaela
Telerik team
 answered on 07 Aug 2025
Narrow your results
Selected tags
Tags
Grid
General Discussions
Scheduler
DropDownList
Chart
Editor
TreeView
DatePicker
Upload
ComboBox
MultiSelect
ListView
Window
TabStrip
Menu
Installer and VS Extensions
Spreadsheet
AutoComplete
TreeList
Gantt
PanelBar
NumericTextBox
Filter
ToolTip
Map
Diagram
Button
PivotGrid
Form
ListBox
Splitter
Application
FileManager
Sortable
Calendar
View
MaskedTextBox
PDFViewer
TextBox
Toolbar
MultiColumnComboBox
Dialog
DropDownTree
Checkbox
Slider
Switch
Notification
ListView (Mobile)
Pager
Accessibility
ColorPicker
DateRangePicker
Wizard
Security
Styling
Chat
MediaPlayer
TileLayout
DateInput
Drawer
SplitView
Barcode
ButtonGroup (Mobile)
Drawer (Mobile)
ImageEditor
RadioGroup
Sparkline
Stepper
TabStrip (Mobile)
GridLayout
Template
Badge
LinearGauge
ModalView
ResponsivePanel
TextArea
Breadcrumb
ExpansionPanel
Rating
ScrollView
ButtonGroup
CheckBoxGroup
NavBar
ProgressBar
QRCode
RadioButton
Scroller
Timeline
TreeMap
TaskBoard
OrgChart
Captcha
ActionSheet
Signature
AppBar
BottomNavigation
Card
FloatingActionButton
Licensing
Localization
MultiViewCalendar
PopOver (Mobile)
Ripple
ScrollView (Mobile)
Switch (Mobile)
PivotGridV2
FlatColorPicker
ColorPalette
DropDownButton
AIPrompt
PropertyGrid
DateTimePicker
ActionSheet (Mobile)
BulletGraph
Button (Mobile)
Collapsible
Loader
CircularGauge
SkeletonContainer
Popover
HeatMap
Avatar
ColorGradient
CircularProgressBar
SplitButton
StackLayout
TimeDurationPicker
Chip
ChipList
DockManager
ToggleButton
Sankey
OTPInput
ChartWizard
SpeechToTextButton
InlineAIPrompt
TimePicker
StockChart
RadialGauge
ContextMenu
ArcGauge
AICodingAssistant
+? more
Top users last month
Ambisoft
Top achievements
Rank 2
Iron
Pascal
Top achievements
Rank 2
Iron
Matthew
Top achievements
Rank 1
Sergii
Top achievements
Rank 1
Iron
Iron
Andrey
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Ambisoft
Top achievements
Rank 2
Iron
Pascal
Top achievements
Rank 2
Iron
Matthew
Top achievements
Rank 1
Sergii
Top achievements
Rank 1
Iron
Iron
Andrey
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?