Hi,
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.
Thanks
https://stackblitz.com/edit/react-haejnu?file=app%2Fmain.tsx%3AL115
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.
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.
https://www.telerik.com/kendo-react-ui/components/dropdowns/combobox/virtualization/#toc-basic-configuration
https://www.telerik.com/kendo-react-ui/components/dropdowns/multiselect/virtualization/#toc-basic-configuration
https://www.telerik.com/kendo-react-ui/components/dropdowns/dropdownlist/virtualization/#toc-basic-configuration
is that possible to change the background line (grid )
how can I change the color of the grid or invisible in the kendo UI chart
I am using KendoReact Draggable and Droppable and we find a bug when using it. This bug even happen in the official demo.
The bug is described below:
When a droppable area is rendered out of the originall window size, the droppable cannot detect the onDragEnter() & onDropLeave(), of course onDrop neither.
it seems that kendo did not handle when user scroll while dragging the draggables, so that when the draggables was dragged to a zone out of the original window size, it failed to detect it.(Figure4)
I have also found another bug which is when you drag the draggables and scroll, the draggable will somehow detacted with the cursor, but I somehow already fixed it. Maybe it gives some hint for you to fix this bug, maybe.
Hello,
Currently, it is possible to switch between both numeric and input types in Kendo grid pagination but in our application we have design to display both numeric and input control types on load. so request to please help with that feature.
Thanks
It would be nice to have natively some kind of copy-paste of data between excel and kendo
more and more clients are requesting this feature but currently it is pretty difficult to implement..
being more specific the expected behavior should be:
user copying a range of cells from excel
pastes it into a grid cell
data should spread starting from the cell where it was pasted and inserting new rows if there are not enough to contain all the content
then user should be able to copy a range of cells/rows or a single row and paste it to excel
Current Behaviour
When a table is created in the text editor and multiple columns are selected an error is thrown.
Errors:
TypeError: Cannot read properties of undefined (reading 'localsInner')
TypeError: Cannot read properties of undefined (reading 'eq')
Expected Behaviour
When a table is created in the text editor and multiple columns are selected an error must not appear and the user must be able to merge or split the cells.
MInimal Reproduction
I'm providing a reproduction from Kendo React code examples.
https://stackblitz.com/edit/react-su15wr?file=app%2Fmain.tsx
Package
"@progress/kendo-react-editor": "^5.11.0"
Issue 1:
I've implemented insert table tool in the editor and I'm setting some states on editor blur. The bug appears when the editor is focused and I try to add a table. When I select the rows and cols from the dropdown and click to insert the table the editor blur is called my setStates are called and somehow the table insertion doesn't happen. In order to add the table I should not focus the editor and I have to click on the insert table button and select again the cols and rows.
Issue 2:
In the same editor I've added tableResizing plugin. The bug appears when I already have a table in the editor and open the insert table dropdown to add a new one. In that moment when the dropdown is still opened I hover over some of the already inserted table cells borders the insert table dropdown is closed.
Issue 3:
When the editor is controlled we have undefined as initial value and then we type something or try to add table for example the editor crashes and throw an error `Uncaught RangeError: Applying a mismatched transaction`. Even though the value type allows undefined EditorProps.value?: string | Node | undefined. It works fine though if the initial value is empty string.
Package
"@progress/kendo-react-editor":"^5.11.0 | 5.12.0"
Minimal reproduction
I'm providing an vite + react + ts project. Steps to run the project:
npm install
npm run dev
It's reproducible in the provided examples in StackBlitz from Kendo, but the editor packages are not always resolved with turbo package manager. I guess it's the same issue as https://github.com/telerik/kendo-react/issues/1530
Hello,
could you add remove / delete event to multiselect, like onRemove or something like that.
Now, because onChange event gives only the currently selected items, I need to do manual diffing what was the item that was removed.
If there were an event for remove / deletion of an item, it would be much easier to handle that.
Br, Miika
I am using kendo react; how should I convert from a search query string into grid data state object? I am trying to get a query from URL and convert it into json object and pass it to the grid so it can do filtering, sorting, etc.
input can be the query strings below or URLSearchParams object.
const queryString = "sort=triggerAt-desc&page=1&pageSize=10";
?filter=(notes~contains~%27te%27~and~status~contains~%27up%27)&sort=triggerAt-desc&page=1&pageSize=10
The output should be:
{ sort: [ { field: "triggerAt", dir: "desc" } ], skip: 0, take: 10, }
Hi,
Using KendoReact Scheduler component the functionality to group the events by date, then by resources is not supported. I can only group them by resources first, then by date.
This feature exists in Kendo for jQuery Scheduler component and can be configured by setting the group.date property to true as following:
group: {
date: true,
resources: ["Rooms"]
}
My team is using KendoReact Gantt to build a web app for manage/planning task in Scrum
It is nice to have feature which display and customizable the current time marker on Gantt.
Hi
Would it be possible to add an option/prop to the KendoReact spreadsheet component to make the whole workbook or specific sheets read-only, instead of specifying cell ranges?
This would make it easier when users need to view a file/spreadsheet without editing it.
Thanks
React Server Components allow the developer to mix the fast server-side rendering with the interactivity of client-side JavaScript.
So far modern JS frameworks were explicitly operating on the client (with SSR being an optional feature). With server-components it's the opposite - RS Cs introduce a new mental model for building hybrid applications that leverage both the server and the client.
The main advantages of the React Server Components are that:
Hi.
The Calendar component does not allow for selecting multiple dates or range selection. Only single selection of dates is possible.
As implemented in the MultiViewCalendar component, it should be possible out of the box to add a "mode" attribute and set it to "multiple" or "range". This would make the two components more consistent and aligned.
Thanks,
Regards,
Bernd