is it possible to do reorder/drag and grop grid rows with the keyboard? It doesn't look this is set up but I wanted to check if it is (or if it's something you will be adding at some point).
It is important for my users to be able to invoke the GridColumnMenuFilter directly from the grid header. ie. The jQuery version has the filter icon beside the header text (Rather than having to click a menu and then click "Filter" - which is necessary if all I want is a filter.
I know this is possible with some CSS. But it is important that there is a visual indicator that the filter is on (which the jQuery version supports but doesn't seem currently possible with the React version)
we have a probelm with the current bar chart control in react.
We need a multi grouping on the x axis like in Excel and tried a lot but couldn't find any solution yet.
The following image shows how we would like to implement. The x-axis is grouped by two attributes (Age, Gender) .
Is there any possiblity to do this due fusioncharts support it a bit more as your controls ?
Kind regards, Volker
Steps to reproduce:
Expected result: The text in the notification is read by the screen reader when the notification appears
Actual result: The notification text is not read out
Hi, I am Lavanya
I am using kendo UI past few days the react-coffee warehouse is very useful to learn . But the finance application is in typescript so unable to learn the whole application. so kindly give any sample application in js or jsx .if possible.
It is a common use case to provide Grid's dataItemKey property to make sure changes are properly reflected per documentation - https://www.telerik.com/kendo-react-ui/components/grid/api/GridProps/#toc-dataitemkey
However, when this accessor property is provided (usually a unique ID on all groups and items), Kendo uses it instead of its default auto-incremented `'ai' + absoluteIndex` key to index the <GridRow /> for each group's header and footer - giving them the same value and causing React to throw multiple warning about duplicate keys. This makes it unreliable to specify dataItemKey property when using the grouping feature with aggregate footers as it messes up with React's reconciliation mechanism.
Is it possible to use a custom border radius for individual bars of a stacked bar chart?
According to the Docs, it looks like we are limited to: color, dashType and width but was wondering if I am missing something or there is another way?
in the kendo UI react chart I need the average line, max line, and min line targeting some value
Please suggest which features to use with respect to the above requirements, if available.
How to reproduce (video attached):
1) open combobox
2) scroll to end of the item list
3) select last item 4999
4) open combobox again
Expected behavior: I would like to see the item list.
Actual behavoir: I see white area.
Build Dates & Run Dates range picker don't highlight days
Pre-Requisites (if any)
1. Go to system settings.
2. Navigate to 'Accessibility' and activate it.
3. Navigate to 'Contrast theme' and activate it.
4. Select 'Desert/Aquatic' High Contrast theme in the combo box.
1. Open URL PowerGates Graph in Edge Dev.
2. Navigate to Build Date dropdown button using tab key and activate it.
3. Navigate to the ‘Within range ’calendar picker button and activate it.
4. Observe that issue.
The Build Dates & Run Dates range picker both don't highlight the currently selected date does not outline the current date, as it does without contrast. Occurs in both Aquatic (High Contrast Black) and Desert (High Contrast White) modes.
There is a very serious bug in the Kendo React date picker component: the month of January is simply not displayed
The issue can be witnessed on your demo page:
Just open the picker and you'll see January is not there
Can We have an admin Dashboard for KendoReact? which has some ready components Like NavBar on top and Left, Dark and Light mode, RTL, and LTR Layouts and Forms with all input Components
I Have More projects in this React MUI Admin Dashboard and now it's very hard for me to use the KendoReact Components here.
if we Have KendoReact Admin Dashboard like that it will be easy to use KendoReact components there.
Please see the following example of the dropdownlist with bootstrap theme applied:
I have updated the bootstrap cdn to latest. Notice that bootstrap styling is applied to the dropdowns including focus shadowing.
Now please see the exact same example but with theme customisation using a custom scss file:
Notice that bootstrap styling is no longer applied to the dropdowns, which do not have focus shadowing.
we are using kendo-react-pdf and I am trying to see if it can generate tagged PDFs to make it accessible. Or can you tell me if there is another kendo pdf component that is capabable of creating these tags?
thanks so much,
Please see the following example of the Upload component being used to transfer a single file to a byte array:
Notice that all packages are latest including react 18 but I have not switched to the new createRoot API, and as per react documentation "Until you switch to the new API, your app will behave as if it’s running React 17" - this warning can be seen in the console window. When you upload a file, the FileReader onprogress and onload events result in the file being successfully uploaded with 100% progress. You can see current state and new state of all events in the console window.
Now please see the exact same example but switched to the new createRoot API:
Notice that the warning is no longer visible in the console window. When you upload a file, the FileReader onprogress and onload events result in the file being successfully uploaded but the file progress is overwritten. You can see current state and new state of all events in the console window - the new state from the onProgress event is lost, and the new state in the onStatusChange event reports zero progress.
I believe this is because of automatic batching in React 18.
If you take a look at my demo, I have 2 scheduler events, and I've created a custom SchedulerItem that renders the background of one of them to be blue.
When dragging the items around, the dragItem mains the same color with a bit of opacity, cool.
When resizing, the orange (?) one works great, this is the default color theme. However when I resize the blue one, while resizing, the resizeItem is an opaque blue, but the SchedulerItem underneath reverts back to the original default color scheme thereby mixing the colors.
I want the kendo tooltip should show on trend line points and when I move from that point it should not visible. it is visible when I am in the chart area and it hides when I leave the chart area, but I want it should hide when I leave the line point.
The KendoReact `Upload` component displays a "file validation message" when an upload/save attempt fails, as can be seen in the following screenshot.
This message is provided by the `getFileValidationMessage()` method of the `UploadListSingleItem` class and is triggered when the passed parameter, `isUploadFailed` is `true`.
`isUploadFailed` is determined by the method `getFileStatus()` provided by the local-to-the-Upload-component utils file. This method is returning `isUploadFailed` as true only when the compared file status is set to `UploadFileStatus.UploadFailed`.
This is wonderful when uploading/saving - and it's great to show the user that something failed during the attempted upload/save.
I request similar functionality when performing file removal so we could similarly alert the user that the attempted removal of the file failed. Something similar to the below: