In my previous projects with kendo the grid i used a <Grid> component with default theme.
I made an identical one, but here kendo ui grid is behaving like a table and has k-table class and the header has .k-table-thead. The old project only has k-grid-table class and it works good. The kendo, react, node, versions are the same, and style sheets are the same too.
But why is it behaving differently?
const pagerSettings: GridPagerSettings = { type: "input", pageSizes: [10,100], info: true };
<Grid
pageable={pagerSettings}
...
>
...
</Grid>
.k-pager-info {
display: block !important;
}
Hi Team,
I need to build a treeview kind of feature where I can dynamically add child nodes .when user click parent node a button can be used to add child nodes.
Something like below attached snapshot. I surfed for examples but couldn't make out. Kindly share some reference to achieve this.
Hello,
I would like to ask if it is possible to customize reasource cell in Timeline view in Scheduler control. I would like to show user specific icon and multiline text,
I found similar question from 2020 (https://www.telerik.com/forums/scheduler-customization-questions), did you already implement such a functionality?
Thanks
Matus
Greetings,
Is there a Kendo Tags (standalone component) I can use inside the Card body content?
I found this image that has tags inside the card body content. It would be great if the tags are closable.
Please see the attached image. Thanks!
Best Regards,
Jason Li
Hi,
Disabled KendoReact Bootstrap theme inputs have a very different appearance to HTML Bootstrap inputs when disabled. Bootstrap inputs have a greyed out appearance (https://getbootstrap.com/docs/5.0/forms/form-control/#disabled) whereas the opacity only changes for KendoReact inputs (https://www.telerik.com/kendo-react-ui/components/inputs/textbox/disabled/).
Is there a reason why the styles are different? Is there anything we can do to make a disabled KendoReact input look like a disabled Bootstrap input?
Kind regards,
David
Hi guys I am trying to use GridPDFExport component. Use the same exact code as example. got this error.
Hi team,
I'm trying the example (DropDownList, itemRender) here: https://www.telerik.com/kendo-react-ui/components/dropdowns/dropdownlist/custom-rendering/ but using last react version (18.2.0) the code give an error:
TS2746: This JSX tag's 'children' prop expects a single child of type 'ReactNode', but multiple children were provided.
| const index = itemProps.index;
| const itemChildren = (
> | <span style={{ color: "#00F" }}>
| ^^^^
| {li.props.children} {index}
| </span>
);
Work using a cast:
<span style={{ color: "#00F" }}>
{li.props.children as ReactNode} {index}
</span>
Regards
import { ExpansionPanel, ExpansionPanelContent, ExpansionPanelActionEvent } from '@progress/kendo-react-layout';
I am using "@progress/kendo-react-layout": "3.17.0",
When I try to import ExpansionPanel, ExpansionPanelContent, ExpansionPanelActionEvent, I get an error:
Module '"@progress/kendo-react-layout"' has no exported member 'ExpansionPanel'.
Module '"@progress/kendo-react-layout"' has no exported member 'ExpansionPanelContent'.
Module '"@progress/kendo-react-layout"' has no exported member 'ExpansionPanelActionEvent'.
Does version 3.17.0 not have ExpansionPanel, ExpansionPanelContent, ExpansionPanelActionEvent?
Is there anywhere in the docs that describes what is/is not in 3.17.0. I get similar errors trying to use DrawerSelectEvent.
It's frustrating not knowing what I can use.