When I add a minimum or maximum value to the date picker, the control allows out-of-range dates to be entered until the dateInput option is set to true. At that point, any out-of-range date will be set to either "min" or "max." The change event will not be called for that change.

This would be perfect:

• The default behavior is to set the minimum or maximum value when the date input value is out of range. It would be nice if this behavior didn't depend on the dateInput option.T
• Trigger a change event when the control itself sets the minimum or maximum value.
• Add an option to change the behavior to generate an error on the control when an out-of-range value is entered.

For me, it feels more natural to invalidate the control when an invalid date is entered. This allows me to block the form from being submitted. Setting it to "min" or "max" can bypass end-user oversight, potentially resulting in incorrect date submission.

Note: In some situations, the default behavior of setting it to "min" or "max" can also be useful... but with a change event trigger however!

Enhancement

Currently the dialog action buttons can not hold only icons, the API does not provide means to have a button with only an icon or an icon and text. Considering the aforementioned we should extend the API to allow adding of icons inside the action buttons.

I need to create a form for entering data into a SharePoint LIST on-premises/cloud using the Kendo UI Form. this would be a good demo to have in your online demos as it show how to use an AJAX request to read/place data with the Kendo Form

Currently, the Kendo UI RangeSlider provides a single-colored track (.k-slider-track) with a separate style applied only to the selected range. However, in many modern design requirements, there is a need to split the track into multiple colored sections (e.g., 3 or more segments with different colors) to visually represent thresholds, ranges, or categories.

Example Use Cases:

• Displaying low, medium, and high ranges with green, yellow, and red colors.

• Visualizing different risk or performance levels directly on the slider track.

• Providing a better UI experience by mapping ranges to business values.

Requested Feature:
Add native support to configure multiple color segments within the RangeSlider track (either via configuration options or styling hooks). Ideally, developers should be able to specify:

• Number of segments.

• Color for each segment.

• Segment boundaries (percentage or value-based).

Workarounds Tried:
Custom CSS overlays and pseudo-elements can partially simulate the effect, but they are not reliable or fully aligned with the slider’s rendering behavior.

Impact:
This feature would enhance usability and visualization, making the RangeSlider more flexible for dashboards, financial apps, performance monitoring, and other business-critical UI scenarios.

Reference:
Please find an attached image illustrating the requested multicolored track (example with 3 segments: green, yellow, and red).

 

We would like the ability to execute custom actions once a control has been fully initialized and rendered.

Use Case
On our login page, we use the Form control. After the Form control is created, we need to reposition our SSO buttons so that they appear beneath the default buttons rendered by the form. Without a reliable event, it is difficult to determine when the control is ready for safe modification.

Proposed Solution
Introduce a Created event (or similar) that is triggered once the control is fully rendered. This event would provide a hook for developers to perform additional UI adjustments or integrate custom functionality.

Reference
Syncfusion ASP.NET Core controls provide this functionality through a Created event.

Slider seems to only output numbers, I want to use it for date ranges, ala mint.com.

Hi Team,

I would like to request the source code from the AI Service from the Kendo UI Grid demos be available to download.  

Thank you!

  

Bug report

Currenlty, styles/font-icons/index.css has this line at the bottom:

/*# sourceMappingURL=index.css.map */

But the map file is not part of the distribution files, so it's causing the browser to throw an additional request for the map file.

Currenlty, the index.css.map is present in the node_modules/@progress/kendo-font-icons/dist/index.css :

But is not part of the Kendo jQuery distribution.

Expected/desired behavior

The distribution should be revised and the map file should be copied.

Environment

• Kendo UI version: 2025.3.825
• Browser: [all ]

When a pager control uses responsive mode, but renders initially as hidden, the control fails to render properly.

The control should render to the appropriate responsive mode regardless of whether the control is visible or not when it is initially rendered.

When the workbook is exported to Excel, it is currently not possible to display the progress for example, in percentage of exported data. 

You are returning a "jquery promise", you can call the ".notify" function while the process is running and tell us that you are at step X of Y, when running these settimeout.

https://dojo.telerik.com/mHMUMjpg/6  

So, we can display a nice progressbar, instead of just a "loading animation" that doesn't tell if the process is really running. In some cases, it can take between 30 and 60 seconds, so the user think that the app is doing nothing!

Please, provide support for different zoom levels of the browsers for zoom-in scenarios up to 200%. That would improve the accessibility of the widgets.

The stack property in the Kendo Area Chart does not honor groups as separate stacking contexts.

Instead, everything gets stacked together if `stack: true` is applied.

For other chart types you can overcome this instead of just stack: true, set different stack groups, such as "A" and "B", so they do not stack together.

series: [

    {

     field: "value",

     categoryField: "year",

     name: "United States Group 1 - Series 1",

     stack: "A",  // Separate stack group

     opacity: 0.5  // Transparency for visibility

    },

    {

     field: "value1",

     categoryField: "year",

     name: "United States Group 1 - Series 2",

     stack: "A"   // Part of the same stack as the first one

    },

    {

     field: "value2",

     categoryField: "year",

     name: "United States Group 2 - Series 1",

     stack: "B"   // A different stack group

    },

    {

     field: "value3",

     categoryField: "year",

     name: "United States Group 2 - Series 2",

     stack: "B"   // Part of the second group stack

    }

]

The same way it is possible to make the search case-insensitive by setting columns.filterable.ignoreCase to true, it would be great if there was a way to add a custom filter (e.g. make the search diacritics-insensitive, with a custom function or as part of provided functionality). Thanks in advance.

Enable a grid to be setup so that the arrow up/down keys move the selected row up/down

It will be really useful if we could include a new 'filtering mode' in which operators like 'and' or 'or' are allowed in the filtering input box.

For instance, using the "doesnotcontain" with 'march or july or september' will allow users to exclude multiple conditions in a single filter

 

 

 

In my application, I have grids with dozens of hidden fields. 

 

 

It would be beneficial if I could filter the available columns similar to what's available in the Windows Forms column chooser:

Hi, 

We have some multiselect controls which can have a large number of values, and selected values. This causes an issue where the height becomes unreasonably large compared to other controls. 

For a typical example of the issue, see here: Multiselect height issue | Kendo UI Dojo

As can also be seen in the provided example, setting max-height with an overflow isn't a viable solution as then it becomes very difficult to see what has been selected - the vertical scroll is much too quick (at least it is using my mouse which has discrete scroll values). Also, there are both dropdown buttons and scroll buttons which is ugly and confusing for end users.

Our suggestion to resolve this would be to add an option for a "single line mode" so that functionality is not broken for other clients. When using this mode, all the items will be kept in a line. In the event of an overflow, then you could either a) cut off the items with an ellipsis "..." or b) enable horizontal scrolling (ideally without a visible scrollbar). 

See this example in the DevExpress controls for an example of horizontal scrolling in "Single line mode".
JavaScript/jQuery Tag Box - Overview | jQuery/JS Example
You can see that when all the items are selected, the height is kept consistent. It is still reasonably easy to read as you can easily scroll along.
Something similar to this solution would be ideal for us.

Would like to request that the ability to set a 'CenterTemplate' be added to the Radial and Linear Gauge charts. We show a percentage based label using jquery by appending to the chart wrap a label to show 'x of y (z%)'. What we've seen is that when you go to export the chart, this label doesn't follow with it.

When using other charting types, for example the Arc Gauge or Circular Gauge, they do have a property called 'CenterTemplate' which allows us to do labels like above and have it export correctly.

Can the property be added to other Charts so that we can customize a label to show information such as percentage based text?

When using a grid against a large table with server side filtering (ToDataSourceResult)

ToDataSourceResult builds a SQL query that converts the search string to UPPER() and therefore prevents the database from using its indexes. As SQL comparison is case insensitive that LOWER() is unnecessary.  

As we have may grids where this is an issue it would be time consuming to build out manual filters for each grid instead of using ToDataSourceResult

This was discussed here and there was no solution at the time:

https://www.telerik.com/forums/grid-filtering-on-text-using-lower-in-sql

I would liek to request an option to tell ToDataSourceResult() not to use LOWER() in the sql?

See ticket #1339310