As per the subject. This can be observed in the following StackBlitz which is forked from the Telerik documentation on resizing with three small changes:
https://stackblitz.com/edit/react-vajzshwv?file=app%2Fapp.tsx,index.html
Logged as a bug because there is nothing in the documentation stating that a height for the Grid or Grid container must be set in order for this to work. If this is a documentation issue rather than a code issue, please advise the recommended approach for using the Grid resizable property.
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
Hi Team,
We are using data-grid along with excel export for showing lakhs of data (sometimes over 20 lakhs) in our app and over 80 columns. We found a the TIME TAKEN is over 2.5 mins for over 10 lakhs (rows*cols) data. We have tried the KendoOmxml with kendo saveAs function from file-saver as well.
I have tried with server-side export instead of client-side aslo and still it's the same behavior. In my observation I am suspecting the below line.
component.toDataUrl().then((dataURL) => {
Here component is the reference of ExportExcel component. After getting dataURL I am calling save api to download the file. But toDataUrl() function is taking the whole time. Is there any way we can get this base64 dataURL faster?
You can refer to the codeSandbox Link. We have 80 columns(including duplicates), while importing productsSmall.json file which contains 77 rows, export excel is working well and good. But when you change the import to productsLarge.json file which contains 10,000 rows (if cannot be seen, please copy paste the dummy data from attached file with even more usual amount of data we use in our app), the screen is stuck or takes too much time to get process complete and sometimes it throws error(maybe because of codesandbox incapability).
Stackblitz link (if codesandbox hangs more) https://stackblitz.com/edit/react-q5wlpg-4bs2zc?file=app%2Fmain.tsx
We have a large number of customers requesting this feature to be fast. Please let us know with an optimized solution.
Regards,
Manjula
The DatePicker and DateInput React components miss the customizable button to clear the date value.
Would be nice to have ability to customize the icon, size, margins and a selectable option to clear the date value to null or a default value (as set to the component) or bind a custom event handler.
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:
We are using a customized ChartToolTip with button in our bar chart. However the tab order is not correct for multiple charts. The expect behavior we were told by our accessibility testing team is first chart -> button on tooltip -> second chart -> button on tooltip and so on. The actual behavior is tab shortcut will switch between charts then back to the first chart tooltip element.
It would be ideal if toODataString could take an additional parameter that:
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.
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
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.