Hi everyone.

I am trying to use the Google Noto font so that we can better support Unicode characters with our app. In the browser we have no issues using this font, but when we export PDFs it is not rendered correctly.

I have even tried with the sample project file provided by simply switching out the font, but it too does not work.

I have attached the sample project with the Google Noto font and also screenshots of the output

Any help here would be much appreciated.

Thanks in advance.

Dear KendoReact Team,

Our Development Team considers using KendoReact UI library in the development activities our softwares.

Our team needs a third-party library for especially DataGrid, Line Chart and Gantt Chart components and We have "must have" requirements that needs to be met on these components.

As a result of the research and integration studies our team have done on KendoReact, the following requirements and performance expectation are not met by KendoReact components:

• The Gantt Chart component must allow zooming in and out the time scale with mouse or buttons. (day/week/year filter not enough)

• The Gantt Chart Component must provide tooltips on the tasks.

• In the Line Chart, we have some performance considerations. We integrated KendoReact to test its performance and the results as follows:
• 1 Chart with 1000 points : there is a delay around 4 seconds on rendering.
• 10 Chart with 1000 points: there is a delay around 40 seconds on rendering.

We also used performance optimization methods mentioned in the link but the issue is remaining. (https://www.telerik.com/forums/low-performance-rendering-in-line-chart)

For the render performance issue, not sure it’s related but in the integration phase, our team used npm packages in the below, not the trial version.

• https://www.npmjs.com/package/@progress/kendo-react-charts

Could you please inform us about Gantt Chart features I mentioned earlier can be provided and Line Chart performance issue can be resolved?

As this matter is urgent, I would appreciate a reply as soon as possible.

Thank you.

Hello! 

I have a problem with displaying data in the grid. Kendo react grid is in version: 5.9.0, React in version: 18.2.0.

If I send data to the grid several times, a problem appears. I send custom records to props [data] Kendo grid. But in the grid, other records will be displayed, as if the previous state.

When I toggled the pagination, the entries displayed correctly. As if there was some incorrect condition.

I don't have any filter set.

There was no such problem in the Reac 17 version. Is it a bug? Is there any way to force a data reload in kendo grid?

Thank you for your response.

Hi.

I have an application where I use the Scheduler and the Tooltip component to show detailed information in the tooltip about the events in the Scheduler. I have to show different information in the tooltip depending on if the event is an allDayEvent or not. I have created a very much simplified example of the application here:

https://stackblitz.com/edit/react-xdkry1?file=app%2Fmain.tsx

The issue is that if I double-click on the allDay items to open the edit dialog, it does not open. The edit dialog only comes up on the non-all-Day events. Can you please have a look at this scenario and let me know what I'm doing wrong and how I can make sure that the edit dialog comes up no matter on which event I click?

I already found out that if I leave out the item parameter in the SchedulerEditItem then it works. But I couldn't figure out what I'm doing wrong.

Thanks!

Greetings,

Bernd

Hi,

As the subject suggests I am looking for a way to update multiple cells at the same time within one column (i.e. same data type) of the KendoReact Grid. The first thing that comes to mind is enabling checkbox selection of multiple rows as per Customizing the Selection, and having a field and button external to the grid that updates the column field value for any selected rows.

Are there any other suggested approaches for achieving this without having to implement an external field? For example if you could select and paste a value into multiple cells or perform the update on drag selection?

Kind regards,

David

Is it possible to have both the sort when clicking on the column header and the checkbox filter for dates? The problem I'm having is that I want to format the date, at the moment I do that when I'm getting the data from the API and before passing it to the Grid component. 

API date:

2022-06-23T00:46:53.8066667Z	

Which gets formatted to:

23-06-2022

Because the date is already formatted, this works for displaying the correct formatted date in the grid and in the checkbox filter, and then filtering on the dates as well

      <GridColumn
        field={columnField}
        title={'Modified'}
        columnMenu={(props) => ColumnFilterSearchMenu(rowData, props)}
      />

However, because the date is formatted and turned into a string, this breaks the sorting functionality. As you can see below the table column seems to be sorted on the first number (the day) rather than the entire date. 

Is there a way to have both functionalities?

I've created a quick sandbox env where you can see the issue as well: https://codesandbox.io/s/still-water-186lbh?file=/src/index.js

I'm attempting to use kendo-charts but when applying a strict content security policy there are many CSP violations regarding style-src.

This appears to be related to the file render-svg.js, in particular the attempt to set innerHTML:

var renderSVG = function(container, svg) {
    container.innerHTML = svg;
};

Is there any way to avoid this? We cannot set 'unsafe-inline' for the entire application.

Thanks.

Hey there -

I'm trying to persist state of grid (dataState) through refreshes. This grid instance is processing data on the client-side.  I have another grid instance performs data operations on the backend, and the req URL has search params.

My current approach is using URLSearchParams, but both this and react-router location return empty objects. I'm including the code, but I'm currently just trying access the url params. 

const urlSearchParams = new URLSearchParams(window.location.search);
 const params = Object.fromEntries(urlSearchParams.entries());
 console.log(params) // logs {}


  const location = useLocation();
  console.log('location', location)

Finally - is this the best way to approach this? I'd rather not add any libraries/frameworks and it doesn't make sense for us to store this info on the backend. So far I'm trying web APIs like above + localstorage. We do have react-router, but so far I haven't solved this issue. 

Thank you!  

Hi,

I have a requirement where I have to enable editing of only few cells of a row (Please note that for each row different set of cells can be editable). I found that we have a field called as "inEdit" which if true will mark all the cells of that row as editable. My idea is to implement cellRender function where I can enable editing of a particular cell based on certain conditions. 

Could you please let me know how this can be achieved?

Thanks,

Janaki