Telerik Forums
KendoReact Forum
1 answer
83 views

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?

Vessy
Telerik team
 updated answer on 17 Mar 2023
1 answer
591 views
I'm having some trouble displaying the Grid's pager info component.  Per the documentation and demo at https://www.telerik.com/kendo-react-ui/components/grid/paging/, I am attempting to set the grid's pager in the following manner:

const pagerSettings: GridPagerSettings = { type: "input", pageSizes: [10,100], info: true };
<Grid
   pageable={pagerSettings}
   ...
>
   ...
</Grid>
However, when the grid is rendered, the div containing the pager info is still set to display: none, seemingly being set by 
~@progress/kendo-theme-bootstrap/dist/all.scss.

I'm therefore having to apply the following styling in order to render the pager info:
.k-pager-info {
    display: block !important;
}
But of course, this applies to all instances of my grid.  I can work around this problem by using more specific css selectors, but I'd like to be able to simply use the info attribute of GridPagerSettings to render the pager info div.

Any insight or assistance would be hugely appreciated!

I am using "kendo-react-grid": "^5.10.1"
Konstantin Dikov
Telerik team
 answered on 17 Mar 2023
1 answer
400 views

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.

Wissam
Telerik team
 answered on 15 Mar 2023
4 answers
199 views

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

Matúš
Top achievements
Rank 1
Iron
 answered on 14 Mar 2023
1 answer
121 views

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

Wissam
Telerik team
 answered on 10 Mar 2023
1 answer
218 views

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

Wissam
Telerik team
 answered on 09 Mar 2023
1 answer
143 views

Hi guys I am trying to use GridPDFExport component. Use the same exact code as example. got this error.

Wissam
Telerik team
 answered on 09 Mar 2023
1 answer
446 views

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

Vessy
Telerik team
 answered on 08 Mar 2023
1 answer
174 views
i have a horizontal bar chart using kendo react chart. can someone help me on setting fix barHeight chartseriesitem ?
Vessy
Telerik team
 answered on 08 Mar 2023
1 answer
685 views
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.

 


 

Wissam
Telerik team
 answered on 07 Mar 2023
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?