I'm migrating KendoUI for jQuery to React. In jQuery version of Kendo Grid was possible to set "values" property to columns with "id" values.
In React version of the kendo grid, the "values" property for the GridColumn component is not available. How can I make the same like in jQuery version?
Thanks a lot for an each help.
I am trying to run the example code from here https://www.telerik.com/kendo-react-ui/components/pdfviewer/ with the same exact file but the PDFViewer is just not loading any document. It component appears in the page, there's no error in the console, but no matter what I do I can't see any data loaded (also checked the onLoad event - it's not triggered). I've also tried to supply an url instead of base64 data and the result is the same
All of the examples that I am finding online and in your documentation are broken for this situation. I am able to customize all columns in my TreeList component EXCEPT the first column which is the expandable one.
I was trying to use the code found on this StackBlitz that works, but it's using an old version of the treelist and I'm using the latest version (7.4.0):
And I found this in your knowledge base using 5.12 - which doesn't even work:
Defining custom expand/collapse cell - KendoReact TreeList (telerik.com)
(the expandable icon is not showing - which is the behavior I am experiencing in my code).
Is there a known issue with the TreeList currently?
I have a custom button on a Form which invokes a custom Dialog to edit properties of the item on display, that part works fine. However, the Submit button does not enable unless one of properties mapped to a 'Field' controls is edited.
How can I change the allowSubmit value in the Form render properties so the button is enabled when its' only my custom button that is updating the object?
Hi,
If pass a invalid value to MultiSelect, it will break the UI with null pointer exception. Please see this example:
https://codesandbox.io/p/sandbox/zen-pasteur-fw7rrt?file=%2Fapp%2Fmain.jsx%3A13%2C20
This only happens if data is an array of objects, and textField property is used.
It is possible invalid values are passed to multiselect when it is a controlled component. I am hoping MultiSelect can handle data error mor gracefully.
Thanks,
Jie
Hello there. We have a grid using the process method to filter rows. We're currently using version 5.16.1, Typescript and wanted know if there was a way to dynamically hide (or show) the column menu filter icons in the header using an external button's onClick function?
In our project, we have columns that are using a custom header cell so filtering is not available on those specific columns. However, we just want to be able to click a button outside of the grid that can toggle the filter icons to show which columns are available to filter at the same time.
Would that be possible?
I am using kendoreact tooltip to show the error on hovering of cell in the grid. When i hover on the error, i wan to change the height, width, background-color & text color of the tooltip. Please help. i tried to customize using .k-tooltip class. But its not working. Please help
Hi!
I'm brand new to this framework and learning a lot so apologies if this is a silly question.
I have created a grid - it has a text column and a chip column that represents the status of the record. I implemented a context menu for the grid rows but it is not triggered on the chip column...just on the text column. How can I fix this?
Here is my code:
<Grid
className="custom-grid"
data={people.slice(page.skip, page.take + page.skip)}
skip={page.skip}
take={page.take}
total={people.length}
scrollable="none"
pageable={{
buttonCount: 3,
responsive: false,
pageSizeValue: pageSizeValue,
}}
onPageChange={pageChange}
onContextMenu={handleContextMenu}
>
<GridColumn field="PersonName" title="Full Name" />
<GridColumn
field="Status"
title="Status"
cell={(props) => (
<ChipCell
{...props}
text={props.dataItem['Status']}
className={props.dataItem['Color']}
/>
)}
width="12.5rem"
/>
</Grid>
<ContextMenu
className="custom-context-menu"
show={show}
offset={offset.current}
// onSelect={handleOnSelect}
onClose={handleCloseMenu}
>
<MenuItem text="Option 1" />
<MenuItem text="Option 2" />
</ContextMenu>
</div>