Hi,
The first render of a DatePicker component with an onOpen prop throws an error: Unknown event handler property `onOpen`. It will be ignored.
Reproduction:
1. Open https://stackblitz.com/edit/react-xje2zdjc?file=app%2Fapp.tsx
2. The error will appear in the console
Expected behavior:
No errors in the console
Hello,
there are numerous problems with navigating / scrolling on the DataGrid using keyboard keys.
Here is the test page:
https://stackblitz.com/edit/react-brdhufzd
1. Grid with navigatable=true:
- arrow keys - when you select a cell to be able to navigate and then keep pressing down and then up, it's not posible to come back to the first record. You need to use the mouse.
- Page up/down keys work the other way round, also sometimes is not possible to come back to the first record, the scrollbar does not show the current position.
- It starts to work correctly after using the arrow keys and page up/down keys alternatively couple of times
2. Grid with navigatable=false:
- arrow,Page up/down keys and scrollbar work correctly
3. Grid with navigatable=true and nested inside Window:
- works the same way as not nested - the same problems occur
4. Grid with navigatable=false and nested inside Window:
- arrow keys move the window instead of navigating the grid
- Page up/down don't work at all
Hello
Localization messages for ColorPicker popup Apply/Cancel are missed.
Hi Telerik Team,
I'm exploring options for implementing a data visualization feature in a feature project and was considering using KendoReact Bar Chart component.
I wanted to know if KendoReact currently supports -- or plans to support -- editable or user-modifiable bar charts? Specifically, I'm looking for functionality where users can click or drag a bar to their desired value, allowing for a direct manipulation of chart values.
I've seen the existing interactive features (i.e. tooltips, hover effects, selection), but I'm referring to a more hands-on editing capability to support both a visual and input interface.
This would be a useful feature for me and my team. I would like to know if anything like this is on your roadmap.
Thank you your time.
Best regards,
Irma Leandre
Research Engineer / Assessment Technology Solutions (ATS)
rohit.yadav@ku.edu
Currently, when we pass an empty string ("") or leave the title undefined for a GridColumn, the Grid automatically falls back to rendering the column's field name as the header title (inside the .k-column-title span).
Timepicker component in adaptive mode behaves differently in version 11.0.0 (and above) compared to version 10.0.0 (and above):
We would expect the same behavior as in the 10.0.0:
We would like to upgrade to 11.0.0 but we do not like this behaviour because it is disturbing, confusing and requires more clicks (time) to work with it.
Browser:
System:
Best regards,
Peter
Allow customization of the top-right icon in the Adaptive View header (DatePicker and DateTimePicker)
Hi,
Is there any way to configure the horizontal spacing of the Kendo React OrgChart? When I render the chart there are huge gaps in between the cards.. I have enclosed a screenshot below. It appears that the space given to each "column" is the same (is determined by the "widest" column, on the left in my diagram).
This is really unpleasant and unusable. I see from Google searches that the Kendo jQuery component suffers the same problem. I really hope you can help me resolve this or publish a fix soon. This OrgChart component is one of the reasons I purchased the suite, and it is disappointing to uncover this problem after my trial.
thanks, Derek
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
Please consider adding support for virtualization (e.g., virtual settings or similar) to the GridColumnMenuCheckboxFilter so that it can efficiently handle large datasets without performance hits.
Benefits:
- Better performance with large datasets
- Consistent UX with existing Kendo filtering components
- Reduced need for custom workarounds
Hello,
My development team is working with a business that has a design requirement for each calendar in the MultiViewCalendar component to have its own month and year label.
From what I can tell by looking at the documentation for this component, the MultiViewCalendar does not support defining labels that can be placed above each individual calendar. It only supports showing a single label that is a range from the start month + start year to the end month + end year.
I attached a screenshot of how our current UI looks using this component.
In this example, we would love to be able to attach a label of March 2025, April 2025, May 2025, and June 2025 above each calendar, rather than only being able to show a label of March 2025 - June 2025 above the first calendar.
Please let me know if you have any questions or concerns regarding this request. Thanks for your time.
Best,
Tyler Earls
Description:
In our application, we use Kendo React Form. When the user submits the form, we call an async API in the onSubmit handler. We want to prevent users from clicking the submit buttons (including custom buttons in our office ribbon) while the API call is in progress, and only re-enable them after the API call completes (either success or failure).
Currently, formRenderProps.allowSubmit only reflects the form’s validation state, not the async submission state. This means users can click the submit buttons multiple times while the API call is pending.
Expected Behavior:
• There should be a built-in way (e.g., a submitting or loading flag in formRenderProps) to indicate when the form is in the process of submitting, so we can disable submit buttons during this time.
• Alternatively, the form should automatically prevent further submissions until the async onSubmit completes.
Questions:
• Is there a recommended way to handle this scenario with Kendo React Form?
• If not, can you consider adding a submitting or loading state to formRenderProps for this purpose?
Example:
<Form
onSubmit={async (data, closeAfterSave) => {
// API call here
}}
render={formRenderProps => (
<button
disabled={!formRenderProps.allowSubmit || formRenderProps.submitting}
onClick={() => formRenderProps.onSubmit(false)}
>
Save
</button>
)}
/>
Hi,
Add this feature.
Add the option to remove or modify the Check All option in the Grid CheckBoxFilterMenu.
By default the Slider displays a tooltip containing "Drag" on hover. Is it possible to change the text of this tooltip?
I've checked the documentation, but the Slider component doesn't have a prop for setting or styling the tooltip.
Wrapping a Tooltip Component around the Slider didn't work either.