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:

1. What is the recommended replacement for kendo.mobile.all.min.css in the latest Kendo UI versions?
2. How can we ensure that our application retains the same mobile-friendly layout and features after the upgrade?
3. 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

We using 2024.1.319.

I set up an example here: https://dojo.telerik.com/xVuefKEn.   I actually want to try and prevent reordering within a multi-column columns.   Normal columns I can prevent easily.   

Unfortunately, it appears as though the new and old indexes are not clear.   Sometimes they are the same but the column moves anyway.   If I manually try to reorder it back to the oldindex, that doesn't work.

It is like the old and new indexes are incorrect in this situation.

Hi

At the company where I work, we use Kendo UI v2015.3.930.

We tried to upgrade JQuery to 3.7.1 and found we needed to include jquery-migrate-3.5.2.js.

We found an issue with the grid 'result per page' - this label was missing.

When we use JQuery 3.4.1 the results per page label is visible but can someone confirm the most up-to-date supported version of JQuery for Kendo UI v2015.3.930?

Thank you

Hi,

I need help creating a radar area chart

I can't seems make the chart looks the same as the expected design

Dojo link

I was testing the UTC "u" date format and noticed it does not adjust the date/time correctly. The "u" only adds the "Z" indicator and does not shift the time. I opened the date formatting example in kendo Dojo and noticed the issue.

const d = kendo.parseDate("2024-12-04T16:30:45Z");
console.log("Source = " + d); // Wed Dec 04 2024 10:30:45 GMT-0600 (Central Standard Time)
console.log("Format 'u' = " + kendo.toString(d, "u")); // 2024-12-04 10:30:45Z
console.log("toISOString = " + d.toISOString());       // 2024-12-04T16:30:45.000Z

Notice that "u" prints the time as 10:30 instead of 16:30 as in "toISOString".

Reference documentation: https://docs.telerik.com/kendo-ui/globalization/intl/dateformatting

Here is my modified version of the date formatting example. Compare the output of "u" to "toISOString": https://dojo.telerik.com/gPLZTAIt/2

Hi

I am not able to find a sample of how to configure the click event in
the datagrid part of the FileManager.

Can you plaese guide me how to add a function to an item?

 $("#filemanager").kendoFileManager({
                contextMenu: {
                    items: [
                        {
                            name: 'Delete',
                            text: 'Delete',
                            // click event
                        }

                    ]
                },

Hi,

my application uses the multiview-calendar with e.g. 5 views (months)

It allows more than that to scroll through, so the min-max enables a whole Year or so.

I would like to be able to scroll the calendar to a specific day, without setting min- and max, (this removes the dates outside from selectable) and without selecting that day (keep any recent selection of the user, at least at long as it is in the min-max range)

Do we have a way to achieve this?

Thank you,
Best regards
Stephan

$("#scheduler").kendoScheduler({
    date: new Date("2022/6/13"),
    timezone: "Etc/UTC", // Setting the timezone is recommended when binding to a remote service.
    dataSource: {
        batch: true, // Enable the batch updates.
        transport: {
            read: {
                url: "https://demos.telerik.com/kendo-ui/service/tasks",
                dataType: "jsonp"
            },
            update: {
                url: "https://demos.telerik.com/kendo-ui/service/tasks/update",
                dataType: "jsonp"
            },
            create: {
                url: "https://demos.telerik.com/kendo-ui/service/tasks/create",
                dataType: "jsonp"
            },
            destroy: {
                url: "https://demos.telerik.com/kendo-ui/service/tasks/destroy",
                dataType: "jsonp"
            },
            parameterMap: function(options, operation) {
                if (operation !== "read" && options.models) {
                    return {models: kendo.stringify(options.models)};

Hi,

Maybe this is a misunderstanding on my part. I am trying to create a demo project using the kendoChart, specifically a line chart with points.

I would like to be able to drag the points and  thus change the values, buuut it seems like I get an error when I try to do drag a point up or down:

But when I try to drag the points on line I get this error:

And the value doesn't change either.

Here is a kendo dojo example:

Drag Line Chart Example | Kendo UI Dojo

I eventually want to create a line chart that is bound to a dataSource and shares this with a grid and I can see the changes made by manipulating the graph points in the cells of the grid. Am I going in the right direction?

Thanks!

George

I have a similar question to one which was posted on the WPF forum.  When using Step to de-clutter the Category Axis is there a way to always display the last label in jQuery?