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:

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!

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