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?
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
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
then the pdf export doesn't work on iPhone Safari browser.
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
I've just upgraded my kendo-react-pdf from 8.0 to 8.1.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:
However, now the CSS only works if I add it inline:
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!
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
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.
I have a Tabstrip with 3 tabs, and those tabs have content that has a dynamic size. Currently when the user selects the different tabs, the tab control will change in size because it is set its width and height to 100% (the size is not known at design time)
I would like to set the size of the tabstrip to the largest size of the dynamic content so that the tab control will remain the same size when the user selects the different tabs.
How would I achieve that?
I have the following component. The Events are not being displayed. If I try Event by itself, it does get displayed but when I try it with line chart, it doesn't display anything and the Events don't show up in the ledger as well.