Hi Team,

I am writing to inquire about modifying the default behaviour of the Kendo UI Menu component. The sub-menu items are displayed when hovering over the parent menu item. However, I require the sub-menu items to be visible only when the parent menu item is clicked.

Desired Behavior:

Sub-menu items should remain hidden by default.
Clicking on the parent menu item should expand the sub-menu and display the child items.
Clicking on another parent menu item should collapse the previously expanded sub-menu and expand the new one.
Implementation Challenges:

I have explored the Kendo UI documentation and API, but I am unable to find a direct configuration option to achieve this desired behaviour.

Could you please provide guidance on how to modify the Kendo UI Menu component to display sub-menu items only on click of the parent menu item?

Please let me know if you require any further information or if there are any examples available that demonstrate this functionality.

Reference URL - https://stackblitz.com/edit/react-zugkrezk?file=app%2Fapp.jsx,app%2Fapp.css 
Reference Ticket - https://www.telerik.com/account/support-center/view-ticket/1679073 

Thank you for your time and assistance.
Mahesh

in latest v9.3.1 it appears GridFilterCell isn't passing properties shaped as 'isRequired' on DatePicker popupSettings 

this does seem to be a regression because i just recently noticed it in latest upgrade which we need for other bug fixes.

i pursued patching myself by populating animate in GridFilterCell.mjs which seemed to work but then i got warning for the next required property "appendTo". however, populating appendTo yields warning "Warning: Failed prop type: Invalid prop `appendTo` supplied to `Kendo React Popup`. Validation failed." so it's not easily reconcilable that way... therefore i tried removing isRequired on all 3 DatePicker popupSettings properties which of course avoided warnings and i didn't see any negative side effects.

here is a codesandbox repro minimally tweaked to include a date field from kendo grid's "getting started" demo: https://codesandbox.io/p/sandbox/cool-sanne-d4tp85

admittedly this is just a warning but it does create unnecessary noise in browser debug which detracts from issues truly requiring attention during development.

screenshot with the warning from that demo repro:

I think it would be convenient for users to scroll through tabs not only by clicking on the buttons around the edges, but also by moving their finger across the tabs themselves, which is currently unavailable.

Kindly help, I need onscroll event or listener to scroll  other pdf's section simultaneously, Right now there no scroll event in pdf-viewer to detect scroll position

Hi,

there seems to be an issue when changing the value of a DateTimePicker from null to a Date object and the specified format includes seconds.

Reproduction: 

1. Open https://stackblitz.com/edit/react-hnfuerwc?file=app%2Fapp.tsx  

2. Choose a value from the DateTimePicker 

Actual Behaviour
The chosen value does not show up in the input box. Works OK in 8.5.0

Expected Behaviour
The chosen value should appear in the input box

Browser
Chrome, version 131.0.6778.205

OS
Windows 11

here's a simple repro project minimally tweaked from an original kendo demo:

https://codesandbox.io/p/sandbox/suspicious-lovelace-8nmzgj?file=%2Fpackage.json

just start dragging a column resize handle and you should see the "jitter" right away. in our experience, the jitter is so pronounced that resizing columns is no longer practically usable.

please note this bug is definitely related to putting the kendo grid inside of a css-grid, see that definition in the parent <div style>

as you may imagine, we use css-grid for our overall page layout which i believe is still modern best practice and we really hope you can fix this regression within that usage context.

note, the bug manifests regardless of the gridTemplateAreas or gridTemplateColumns, you can eliminate those entirely and it's still present.

Please would be great a control to read QRCode.

It would be ideal if toODataString could take an additional parameter that:

1. Takes a collection of expressions,
2. Each expression takes an Operator and Value,
3. Each expression returns a string or undefined, where the latter suggests we wish to suppress this expression.

 

Hello! Is it possible to not show a room if there is no meeting on that day while simultaneously showing it on a different person because they have a meeting on that day? In the image below, I edited the data so Peter no longer had a meeting in room 2. Is it possible to get it to show Peter with just the meeting room(s) that they has data for, while keeping Alex with all the rooms that they have data for?

Peter -> Meeting Room 1 

Alex -> Meeting Room 1 AND Meeting Room 2

 

I think this would be a great feature to have. Lets say I have 100 students and/or 100 meeting rooms and all have a different days/times when they are needed. If there was a way to show ONLY what is being booked, or show ONLY what is free, that would be a fantastic feature for users and developers alike. 

https://stackblitz.com/edit/react-fuflvh-dwgfvu?file=app%2Fapp.tsx

A json-file is needed to use localization in Kendo React. It's a lot of work to maintain these files when there are new versions. It's difficult to know which keys have been added, changed or removed.

One way that would really help is if you create a way for us to upload our custom-json and then it adds the missing translations, remove those that you have removed, and update the names of those that has been renamed.

Another better way might be that you collect the translation for different languages and let us download them. That way you can also keep them up to date.

@progress/kendo-react-inputs@9.0.0

going back to this ticket, we'd like to use CTRL+up/down for our own purposes... as such, you can now disregard that feature request in lieu of fixing this bug =)

since this is undocumented behavior (documentation screenshot below) i believe we have a legitimate bug claim.

also, other controls like DateTimePicker reliably ignore the CTRL+up/down while implementing bare up/down as documented.

 

Hello,

Please add a feature to highlight areas of a PDF on specific pages.  This feature is available in a different library - React PDF Viewer library - but that is apparently no longer supported, and has security vulnerabilities:

https://react-pdf-viewer.dev/examples/render-the-highlight-areas/

This is a critical feature for an application we are building.  Thank you for any assistance.

Our client requirement is they need to modify any dates using datepicker.

For example

if 11/11/2024 need to change 11/12/2024

just a single one digit change is not permitted we need to type 12 which is 2 digit change that means complete day

same happens for month and year as well

We found Carbon-date-picker provides similar functionality which solves our requirement where we can modify each and every digit of datepicker element

If you use charts and diagrams based on a time interval you always needs to update this to the current date. I propose the option of typing ex. @today+30, which means that the diagrams will always show the metrics 30 days from now. A clever way of automating the date input. This is a very useful addition to the current functionalities in the date range picker. Please vote.

I'm in need of the format Year/WeekOfTheYear/DayOfTheWeek for the date range picker. Ex. 2024/44/3, meaning the year 2024 week 44 day Wednesday. 

This is not supported currently, please vote for it's implementation if format support has been an issue for you too.

We are used to changing the selection of a line directly with the simple arrow keys (up and down).
This is familiar from Windows Explorer or, for example, the various lists in Microsoft Outlook. There should be an option for this behavior in the DataGrid.

Currently this behavior is different in the DataGrid.

It would be beneficial if there was an option that will make the group header of the DropdownList not sticky