Telerik Forums
KendoReact Forum
1 answer
114 views

Hi I'm constantly getting this error:

Uncaught TypeError: Cannot read properties of undefined (reading 'onConstructor')
    at new z (Grid.mjs:470:1)
    at constructClassInstance (react-dom.development.js:11098:1)
    at updateClassComponent (react-dom.development.js:15141:1)
    at beginWork (react-dom.development.js:16537:1)
    at HTMLUnknownElement.callCallback (react-dom.development.js:3556:1)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:3600:1)
    at invokeGuardedCallback (react-dom.development.js:3655:1)
    at beginWork$1 (react-dom.development.js:20656:1)
    at performUnitOfWork (react-dom.development.js:19667:1)
    at workLoopSync (react-dom.development.js:19612:1)

I'm using react 17.0.2 (react 18 does not work as well)

thanks in advance

Vessy
Telerik team
 answered on 16 Aug 2024
1 answer
105 views

How do I stop this? I would like for my DropdownList options to be a vertical list.

Doug
Top achievements
Rank 2
Iron
Iron
Iron
 updated answer on 14 Aug 2024
1 answer
66 views

Hi Team,

In our project, there is a requirement to have a search select in place of the select ("Description" in the below example) as we have multiple columns.

In order to avoid too much scrolling, we are planning to have a  search and select option. Is this feature customizable?
Can this be achieved?

Konstantin Dikov
Telerik team
 answered on 14 Aug 2024
1 answer
78 views
When running light house on our tile layout, we are getting a hit on non-sequential headings. The tileItem when passed header text renders the title as an h5. Is there a way to change this, with out building a custom tileItem?
Ivaylo
Telerik team
 answered on 12 Aug 2024
1 answer
112 views

Is it possible to remove the OR clause from the GridColumnMenuFilter?

https://www.telerik.com/kendo-react-ui/components/grid/filtering/#toc-column-menu-filter

I'd like it to only AND the two filters together.

Thank you

Vessy
Telerik team
 answered on 12 Aug 2024
1 answer
136 views

When I open the following link in iPhone Safari browser

https://www.telerik.com/kendo-react-ui/components/pdfprocessing/

In this link in the example section I am able to download the pdf on iPhone Safari browser but when I open the same example is a new window which uses the same code

https://www.telerik.com/kendo-react-ui/components/pdfprocessing/examples/overview/func/?theme=default-ocean-blue&themeVersion=8.2.1&env=prod

then the pdf export doesn't work on iPhone Safari browser. 

Vessy
Telerik team
 answered on 08 Aug 2024
1 answer
79 views

hi there

im building a gantt  chart components right now, and wondering if there is a way to reorder  the task it self to up/down?
i noticed there is an API for RowContextMenu which return a level in there which i believed is the one responsible in ordering the task
however there is no such function or api to exactly do the reordering

thank you

Yanko
Telerik team
 answered on 08 Aug 2024
1 answer
169 views

I've just upgraded my kendo-react-pdf from 8.0 to 8.1.1

"@progress/kendo-react-pdf": "8.1.1",
"@progress/kendo-theme-default": "^5.8.1",

but now the CSS isn't applied anymore. I'm using the CSS library 'Emotion' and this worked fine previously. For example I had a styled component in my PDF template with styling:

const Container = styled.div({
position: 'absolute',
top: '0px',
bottom: '0px',
left: '0px',
right: '0px',
display: 'flex',
flexDirection: 'column',
});

 

However, now the CSS only works if I add it inline:

<div
style={{
position: 'absolute',
top: '0px',
bottom: '0px',
left: '0px',
right: '0px',
display: 'flex',
flexDirection: 'column',
}}
>

 

I can change all the styling, but I'd prefer to keep my styled components as that's what we're using for the rest of the app as well.

Thanks!

Vessy
Telerik team
 answered on 07 Aug 2024
2 answers
108 views

I understand that KendoReact is 508 compliant by certain standards, but my agency tests to a different standard.

I'm getting reports that the grid is not associated cells with headers. I've researched different ways to get around this and the solution I've come up with is to add ID to the TH tags and then using the HEADERS attribute to the data cells with the ID in the associated header. Example below:

<table>
  <tr>
    <th id="colOneHeader">Col One</th>
    <th id="colTwoHeader">Col Two</th>
  </tr>
  <tr>
    <td headers="colOneHeader">Col One Data</td>
    <td headers="colTwoHeader">Col Two Data</td>
  </tr>
</table>

My issue is adding the ID attribute to the TH tags in the grid. I've attempted the following:

const HeaderCustomCell = (props: any) => {

  return (
    <HeaderThElement scope="col" columnId={ props.thProps?.columnId || "" } id={ props.thProps.title + "_Header" } { ...props.thProps }>
      { props.children }
    </HeaderThElement>
  );
};

<Grid  cells={{ headerCell: HeaderCustomCell }} ...

The SCOPE and ID attributes are ignored and do not show up in the TH tags in the source code. I also tried just returning a basic <th> node from the HeaderCustomCell method and it did not work.

Is there a different method to add custom attributes to the HeaderThElement?

Thanks in advance

Yanko
Telerik team
 answered on 07 Aug 2024
1 answer
448 views

Hi!

I tried to upgrade to version 8.1.1. The main reason was to solve the problem with pdfjs vulnerability. But after the upgrade it gives me an error:

[ERROR] Could not resolve "@progress/kendo-pdfviewer-common"

 node_modules/@progress/kendo-react-pdf-viewer/PDFViewer.mjs:22:287:
 22 │ ...Nt, download as Tt, print as Mt, DEFAULT_ZOOM_LEVEL as Pt } from "@progress/kendo-pdfviewer-common";
 â•µ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

If I installed/Returned kendo-pdfviewer-common, in package-lock.json I see the requirementon pdfjs-dist in version 3.11.174 and the builder warns of a vulnerability problem with pdfjs.

I don't know what I am doing wrong or what is the correct way to avoid the vulnerability with pdf.js. I tried clean install, reset npm cache, nothing helped.

 

And sorry. The second question I noticed while testing. Build scss (@progress/kendo-theme-bootstrap/scss/all.scss) which took a few seconds on version 5.12 now takes about 180 seconds. I use Esbuild as a builder. I know the themes have been changed, but what could have caused it to take so long?

 

Well thank you.

Yanko
Telerik team
 answered on 06 Aug 2024
Narrow your results
Selected tags
Tags
+? more
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?