I am having issues using KendoReact grid components within React Functional Components using hooks such as useEffect. One issue is that if a ExcelExport component is used, a maximum limit of state updates is reached. Furthermore if a useEffect is used pointing to the state.data of a Kendo React Grid component, the data fires off any inline grid custom column cells which includes Kendo DropDowns.
Are hooks supported yet for Kendo React components, and if not, when can we expect support?
My environment is using the latest versions of Redux-Toolkit, React-Redux, Redux and React.
Thanks,
Jim Minnihan
SKF USA, Inc.
https://stackblitz.com/edit/react-zbhrxe?file=Hello.js
how can i drag a particular field in the same row, in the grid with using the reorder function.
in my grid i have star icon, which drags the entire column vertically but my requirement is to drag that star horizontally with in a particular grid column.
Hello,
I'd like to report a possible issue regarding Kendo Grid. When we put filters that does not return any rows we have paging buttons enabled that are responsible for moving to next/last page. To reproduce use an example from your site and put some silly filters e.g. in CustomerId.
I have a dialog popup with some scheduling options that I have created. For one component I have two radio buttons and each radio button is a set of DropDownLists and NumericTextBoxes. The radio button styling works fine with the NumericTextBox, but with the DropDownList I have problems with the dropdown actually opening. It will flicker when you click on it and you must click it multiple times before it will fully open and stay open. I have added the className="k-radio-label" to the DropDownList and that seems to be where my issue is. Is this a known bug and is there a workaround? The selection of the radio button is working, it just seems to be an issue with the dropdown animation.
Here is a snippet to give you some idea:
<div>
<label className=
"k-form-field display-inline"
>
<span>Every:</span>
<input
type=
"radio"
value=
"repeatWeek"
id=
"rptWeek"
className=
"k-radio"
checked={
this
.state.dayInterval ===
'repeatWeek'
}
onChange={
this
.handleRadio}
/>
<DropDownList
className=
"k-radio-label"
data={weekNumbers}
onChange={
this
.setWeekOfMonth}
defaultValue={weekSelected}
/>
</label>
</div>
Hi, I have a table with dates in a column. I am tryig to filter on the dates but it isnt working.
Please advise.
StackBlitz Link: https://stackblitz.com/edit/react-kmvmur?file=app/main.js
Hi,
I don't see any examples of adding an icon within a input component. I need to be able to put it on the right of left side of icon within the input box. Can someone explain how to do this?
Thaban
Hi
It appears I cannot add schema attrs to 'table' 'table_row' or 'table_cell' tags
Docs shows adding attrs to p tag which works fine.
https://www.telerik.com/kendo-react-ui/components/editor/schema/
Here is an example of my issue forked from the example in docs adding attrs to table tag.
https://stackblitz.com/edit/react-paewaz-lapmmp?embed=1&file=app/main.jsx
Thanks
Hi,
How can I implement both align and angle properties in the rotation property of the labels.
I found the format labels={{ rotation: 'auto' }} on https://www.telerik.com/kendo-react-ui/components/charts/chart/styling/. However, I also want to specify align: "center" - as said to be possible by https://www.telerik.com/kendo-react-ui/components/charts/api/LabelRotation/#toc-angle.
I tried labels={{rotation: {align:"center", angle:"auto"}}} but does not seem to work as labels still remain aligned at the end.
Thanks,
Lara