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:
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.
It would be ideal if toODataString could take an additional parameter that:
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.
@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
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.