Hello Telerik Team,
is it possible to put multiple context props provider in a grid without nesting them arbitrarily deep?
Example Code:
<DatePickerPropsContext.Provider value={datePickerProps}>
<NumericTextBoxPropsContext.Provider value={numericTextBoxProps}>
<Grid
...
/>
</NumericTextBoxPropsContext.Provider>
</DatePickerPropsContext.Provider>
When I don't set baseUnit={"days"} for ChartCategoryAxisItem and the XAxis range is large, not all points are displayed, but I don't know how to find the series data corresponding to the displayed points. How can I find the data corresponding to the 11 points in the second picture from the existing instance?
\
Hello,
I am trying to import the Window component from "kendo-react-dialogs", I am using exactly the same code from the window overview doc, I have the following error.
Compiled with problems:
ERROR in ../../.yarn/__virtual__/@progress-kendo-react-dialogs-virtual-8699855f90/3/AppData/Local/Yarn/Berry/cache/@progress-kendo-react-dialogs-npm-5.9.0-71dc4341df-8.zip/node_modules/@progress/kendo-react-dialogs/dist/es/WindowTitlebar.js 18:0-61
Module not found: Error: Can't resolve '@progress/kendo-react-intl' in 'C:\Users\belmekki\IdeaProjects\wps-9952\.yarn\__virtual__\@progress-kendo-react-dialogs-virtual-8699855f90\3\AppData\Local\Yarn\Berry\cache\@progress-kendo-react-dialogs-npm-5.9.0-71dc4341df-8.zip\node_modules\@progress\kendo-react-dialogs\dist\es'
ERROR in ../../.yarn/__virtual__/@progress-kendo-react-layout-virtual-e885d3475e/3/AppData/Local/Yarn/Berry/cache/@progress-kendo-react-layout-npm-5.9.0-3a7b59be14-8.zip/node_modules/@progress/kendo-react-layout/dist/es/tabstrip/TabStripNavigation.js 44:0-55
Module not found: Error: Can't resolve '@progress/kendo-react-buttons' in 'C:\Users\belmekki\IdeaProjects\wps-9952\.yarn\__virtual__\@progress-kendo-react-layout-virtual-e885d3475e\3\AppData\Local\Yarn\Berry\cache\@progress-kendo-react-layout-npm-5.9.0-3a7b59be14-8.zip\node_modules\@progress\kendo-react-layout\dist\es\tabstrip'
My kendo-react dependency list:
"@progress/kendo-react-animation": "^5.9.0",
"@progress/kendo-react-buttons": "^5.9.0",
"@progress/kendo-react-dialogs": "^5.9.0",
"@progress/kendo-react-intl": "^5.9.0",
"@progress/kendo-react-layout": "^5.9.0",
"@progress/kendo-react-progressbars": "^5.9.0",
"@progress/kendo-theme-material": "^5.11.0",
For information I use react 18.2.0 with typescript version 4.4.2 and yarn as package manager, attached my react component which triggers the error.
Hello,
I dont know what this is or how can I fix it.
Uncaught TypeError: deepEqual is not a function
at reconcileConfiguration (eval at hmrApply (..\node_modules\lodash-es\_objectToString.js:22), <
anonymous
>:27:10)
at Grid.componentWillReceiveProps (eval at hmrApply (..\node_modules\lodash-es\_objectToString.js:22), <
anonymous
>:83:42)
at callComponentWillReceiveProps (..\node_modules\lodash\lodash.js:6411)
at updateClassInstance (..\node_modules\lodash\lodash.js:6603)
at updateClassComponent (..\node_modules\lodash\lodash.js:8035)
at beginWork (..\node_modules\lodash\lodash.js:8706)
at performUnitOfWork (..\node_modules\lodash\lodash.js:10742)
at workLoop (..\node_modules\lodash\lodash.js:10781)
at HTMLUnknownElement.callCallback (..\..\..\..\..\Users\x\AppData\Roaming\npm\node_modules\parcel-bundler\node_modules\buffer\index.js:1790)
at Object.invokeGuardedCallbackDev (..\..\..\..\..\Users\x\AppData\Roaming\npm\node_modules\parcel-bundler\node_modules\buffer\index.js:1790)
I don't know when it happen or why.
I tried to replicate the bug , but without any success.
It happen when render the Grid component of "@progress/kendo-grid-react-wrapper"
The error make reference to lodash, but I don't us it in the GridContainer component.
I have no clue what is happening.
Regards,
Vincent.
Hi,
I am using below version of kendo grid in my react application.
"@progress/kendo-react-grid": "^5.9.0"
I am using an array from reducer state for columns in the grid and on onColumnReorder method I am updating that columns array in reducer state. I have checked that array has been updated with the correct order but on re-rendering grid's columns are not being shown updated on UI.
Thanks in advance.
I have a problem similar to this:
https://www.telerik.com/forums/license-activation-failed-for-react-project
i deleted node modules, package-lock and did npm cache clean -f. After reinstall I still get
I get this in localhost as well as our production environments. I see it worked in npm install
> @progress/kendo-licensing@1.2.2 postinstall C:\Development\CanvasCoreServices\EY.Kronos\EY.Kronos.Web\node_modules\@progress\kendo-licensing
> node ./bin/kendo-ui-license.js activate --ignore-no-license
(INFO) Kendo UI: KENDO_UI_LICENSE environment variable not set
(INFO) Kendo UI: Reading license from "C:\Development\CanvasCoreServices\EY.Kronos\EY.Kronos.Web\kendo-ui-license.txt"...
(INFO) Kendo UI: License imported successfully.
Any idea what I am doing wrong?
https://codesandbox.io/s/modern-cherry-gki3cj?file=/app/main.jsx
When the TreeList is wider than the container (i.e. has many columns), it doesn't:
The grid only uses the width of the column's values or uses the width of the header cell's value (whichever is larger). I believe this is not the intended behavior for TreeList.
In case it helps -- locally, I get the below console error when I have the above scenario and try to resize a column:
Unable to preventDefault inside passive event listener invocation. Stack trace: CommonDragLogic.pressHandler @ CommonDragLogic.js:28 ColumnDraggable._this.onPress @ ColumnDraggable.js:29 (anonymous) @ Draggable.js:22 (anonymous) @ useDraggable.js:128 dispatchDragAndDrop @ drag-n-drop.js:130 (anonymous) @ useDraggable.js:148 (anonymous) @ useDraggable.js:173
I've tried to circumvent this issue with many strategies, and I thought it might be because I put the TreeList component inside a Material UI container, but the Sandbox shows the issue well in a clean environment devoid of any external libraries. Please help! Thank you!
Hi, I am using React Bootstrap, and want a 3 column layout. The third column should contain the grid. This works fine and all looks in order if the column widths are within a certain size, but when large the grid displays underneath the first 2 columns.
There must be some CSS issue but it's only happening with the grid. How do I keep the grid within the third column, regardless of the grids column sizes?
I've created a demo/example below, please assist! I've set all columns to 500px to demonstrate the problem.
https://stackblitz.com/edit/react-us4svr-iauvwn?file=app%2Fmain.jsx
Thanks.
Hi all, i have the attached grid, in the title of the second column i wanna put a translated text that i pass to the page via props, if i put that text variable in another item (as <h1/>) the text is rendered correctly, when i put it in column title it gave me the error '"Cannot read properties of undefined (reading '''strings')".
so how can i put a translated text via parent variable in a child component into GridColumn title?