Good morning,

I have seen a component within the Angular library that I would like to include in my project using React. The link to it is here:

https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/add-new-item

Are you able to advise on how I could implement this please?

 

Best wishes,

Molly

The Grid component provides a columnMenuIcon prop on GridProps and a per-column menuIcon prop on GridColumnProps. These props allow customization of the column menu trigger icon.

The TreeList does not support this capability. It uses a fixed filter icon defined in the shared ColumnMenu from @progress/kendo-react-data-tools.

Add equivalent columnMenuIcon support to the TreeList to match the Grid feature set. This change allows users to customize the column menu button icon without reliance on a render callback workaround.

Hi Team,

 

I want to use annotations and marking in PDF and my tech stack is React is this possible with telerik currently?

Hello,

We are currently developing an application based on Kendo React components.
We are wondering if the React-Gantt chart has the functionality to edit the data by drag-n-drop the same way it possible with JQuery-Gantt (see attachment).

Thanks in advance for your help.

 

Kind regards,
Sergei

It would be beneficial if the Chat component had an `autoFocus` prop

*** Support ticket created by Telerik by Progress staff ***
*** Please follow-up with additional details, if necessary. Thank you. ***

When implementing a custom filter cell (e.g., to support DatePicker modes such as time-only, date-only, or datetime), there is currently no straightforward way to reuse the built-in filter UI elements like the operator selector and clear button.

At the moment, these controls must be recreated manually to match the behavior and styling of the default Grid filter cells. While GridCustomFilterCellProps.children does include these elements, they are bundled together with the default filter input, making it difficult to extract and reuse only the needed parts.

It would be very helpful if the default operator dropdown and clear button were exposed separately (or made easily accessible), so they can be reused in custom filter cells.

This would:

• Ensure visual and behavioral consistency with built-in filter cells

• Reduce duplication of logic and styling

• Minimize the risk of breaking changes when internal class names or implementations are updated

A supported way to access or compose these default controls would greatly improve the developer experience when building custom filter cells.

Disabling the row click selection will be useful In scenarios like multi-row checkbox selection, where the client does not want to update the selection state on row click (but only on checkbox click).

Add an optional row-based keyboard navigation mode for the KendoReact Grid where Arrow Up and Arrow Down move focus between entire rows instead of individual cells.

I'm submitting a...

• Feature request

Current behavior

Timepicker component with no value set has its popup after opening scrolled to minimal value, eg. 00:00.

Requested behavior

Requested behavior would be that the component allows to set value to which should the popup be scrolled after opening, when the component has no value set.

What is the motivation or use case for changing the behavior?

When user e.g. records his work hours, in most cases his work starts at the morning or at the current time. With current behavior the user needs to scroll every time to value he needs to set.

I would like to extend the functionality of the chart wizard. For example, if I wanted to expose other things to change about the chart, could I create a new tab in the wizard? I would like to allow the user to turn on and off things and I think it makes the most sense to put this functionality next to the other tools editing the chart.

Hi,

At present the KendoReact Dialog is not responsive i.e. if the Dialog height is greater than the viewport height, the Dialog Action Buttons are not accessible e.g. https://stackblitz.com/edit/react-qcenpnxr?file=app%2Fapp.tsx

I have made a custom control to deal with this that attaches a resize event handler to the window, but there is no good way to add the viewport width and height as max dimensions to the Dialog:

• style - applied to the "k-dialog-wrapper" div, any use of dimensions here completely ruins the presentation of the Dialog
• contentStyle - applied to the "k-window-content k-dialog-content" div, does not prevent the Title or Action Buttons from exceeding viewport dimensions
• ref - DialogHandle with "k-dialog-wrapper" div as the element

In order to make a responsive Dialog I have to take a ref to get the "k-dialog-wrapper" div, use a querySelector to get the "k-window k-dialog" div, and set the maxWidth and maxHeight styles there.

Unless there is a better way to achieve this, it would be good if the Dialog was responsive out of the box, or at the very least exposed maxWidth and maxHeight props directly.

Kind regards,

David

Currently the GridColumn Component only supports width property.  It should also support minWidth and maxWidth properties for better responsive design.  https://www.telerik.com/kendo-react-ui/components/grid/api/GridColumnProps/

*** Support ticket created by Telerik by Progress staff ***
*** Please follow-up with additional details, if necessary. Thank you. ***

The KendoReact Scheduler currently does not provide a supported way to display only all-day events while hiding all time slots when using vertical resource grouping (Week or Timeline-based views). It would be beneficial if we had a mechanism for implementing an all-day–only Scheduler view that supports vertical resource grouping, renders multi-day events as a single continuous bar across consecutive days, and preserves the existing Scheduler structure and interactions.

It would be beneficial for GridToolbarColumnsChooser to offer customization options that allow developers to control which columns can be shown or hidden.

Hi
We use the chart wizard in our app to allow our end users to create their own charts by storing the chart wizard settings and then displaying the chart with updated data.
This works very well.
However there are some limitations with the chart wizard settings that result in us not being able to create as clean and readable charts as we would like. These are:

- In a bar chart the borders of each bar are black irrespective of the colour of the bar. This creates messy charts when have lots of bars that end up being next to each other as only see the black borders and not the (say) red bars. Ideally there should be no bar border

- You can't set the frequency of the x axis labels and hence with lots of items the labels overlap

- You can't have mixed series types i.e. choose type (line, column etc) for each series

The other usage issue is that if you change chart type from (say) bars to columns you loose your settings (eg which data items selected) even though only changing chart orientation

When using KendoReact Grid with multiple grouping levels, the Grid automatically adds horizontal indentation inside <td> elements to represent group hierarchy.

While this behavior is expected, there is no public API to control, customize, or disable this indentation.
As grouping depth increases, this extra space causes layout issues, unexpected horizontal overflow, and breaks strict or custom design systems.

Is there a reason why this spacing is not configurable?
Are there plans to expose an official option (e.g. groupIndent / groupPadding) or any supported API to manage grouped row indentation?

Example:

Description

User Impact:
Screen reader users will miss important descriptive details on the pager section, making navigation unclear.
This can lead to confusion and difficulty in understanding page context or available actions.

Plan

KendoReact

Steps To Reproduce

Open the URL: https://www.telerik.com/kendo-react-ui/components/grid in edge browser in windows.

'React Data Grid Overview' page will be open.

Press tab key to navigate to the pager section.

Verify whether screen reader is announcing descriptive information on the pager section in windows or not.

Currently, there is no option to utilize controlled mode for the Spreasheet data. The current workaround is to set the defaultProps and then re-initialize the Spreadsheet using the "key" prop. 

Hi,

Currently, the vertical menu/tree component lacks keyboard navigation using arrow keys when the menu options exceed the visible screen area. Users who are not familiar with or comfortable using scrollbars face difficulty navigating through lengthy menus.

Problem Statement:

• Large vertical menus that extend beyond screen height require scrollbar usage

• Not all users are familiar with scrollbar navigation

• Poor user experience for keyboard-reliant users

Proposed Solution:

Add an enable/disable configuration option for arrow key navigation that allows:

• Up/Down arrow keys to navigate through menu items

• Auto-scroll behavior when reaching menu boundaries

• Enter/Space key to select items

• Configurable option to enable/disable this feature

Attached is the screenshot of desired feature on tree (just for reference).