Good Morning Team,

Ability to select columns and generate charts in spreadsheet like excel spreadsheet.
Insert charts, images in the spreadsheet similar to excel spreadsheet.

Thanks,

Ramkishore

Hello,

We have recently upgraded our packages to version: "@progress/kendo-react-grid": "^6.1.0". While testing the new look and feel of the application we've noticed that the pagination is no longer working on several grids from the application. After investigating for a while, we have found the property that is causing the issue(rowHeight), please take a look at the Stackblitz example from below.

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

As you can see, in the example the pagination is not working. If we remove the property "rowHeight" from the grid the pagination is working again. We are not sure how these two are related but can you tell us what is going wrong and how we can fix it?

Thanks!

I would like a horizontal OrgChart example, but currently, I only see vertical examples.

I want the Chart to support responsive design such that the component, its legend, and its labels are viewable across all viewports.

Hello? I want to set up drag and drop events from a grid's data to a treeview in React. I used to implement this with Kendo jQuery, but it seems that React doesn't provide this functionality.

Hi,

       I am facing one issue when group header text is bigger in length. It is getting overlapped with the aggregation values in the other columns.

          Please find the below example for the issue : 

https://stackblitz.com/edit/react-7f1ud1-oplbht?file=app%2Fmain.jsx,app%2Fproducts.json

I need that text to be contained inside the td element. Once I resize the column then I should see the complete text. 

 

Please look into this issue and give me a solution asap.

Thanks,

Achal

As present in other Kendo suites:

https://docs.telerik.com/kendo-ui/controls/filemanager/overview 

Was directed here after a forum post where I described my current Business Requirements for this feature. The ask is that the extra step of needing to also click the "Filter" or "Clear" buttons on the component to fire the onFilterChange event are unwanted - I think even exposing some of the functionality or the onClick of the generated checkboxes could help greatly. 

Hi team, 

Im my example (see here), I've added a 'name' attribute to the 'Persons' resource data, and changed the textField mapping to use the 'name' field, however the scheduler is still displaying the results of the 'text' attribute. 

Leading me to think that the scheduler is hardcoded to only look for the text attribute, because if its changed/removed, the scheudler does not display anything, regardless of what the 'textField' value is.

Please advise.

Thanks,
Grant

I'd like an npm package for a telerik report designer, just like the one for the telerik report viewer. Ideally if it was a react component too, like the report viewer package.

 

Environment (OS, Application, Versions)

Repro Steps

1. Open URL: Column Menu - Kendo React (telerik.com)
2. Navigate to context menu controls available on column headers of Basic usage table.
3. Verify if context menu is accessible using keyboard.

 

Actual Results

The 'context menu' controls available on the column headers under the basic usage table are not accessible using the keyboard.

 

Expected Results

The 'context menu' controls available on the column headers under the basic usage table should be accessible using the keyboard.

 

It would be nice to have size tokens for adjusting the height/paddings for the DataGrid component cells, head, pager, etc. 

Hi.

The Calendar component does not allow for selecting multiple dates or range selection. Only single selection of dates is possible.

As implemented in the MultiViewCalendar component, it should be possible out of the box to add a "mode" attribute and set it to "multiple" or "range". This would make the two components more consistent and aligned.

Thanks,

Regards,

Bernd

The KendoReact Spreadsheet component has been released.

There are a few features that are missing compared to the jQuery version, and filtering rows based on column filters is one of them. 

Until this feature is added (along with context menus), we won't be able to use the Spreadsheet component for what we need to build, so we will have to continue wrapping the jQuery component. The object provided by the spreadsheet ref can filter programatically based on the (undocumented in KendoReact's docs) `range.filter()` method, but this would take a lot of time to implement what the jQuery version already has.

The ability for the developer to add click events / hover events for the X/Y axis labels in the Heatmap, so the developer can access the dataItem data to display in a hover state or click event.  

I have need for a Captcha component for a public-facing form. Most of the Telerik products include a captcha component, but not KendoReact.

Can we expect this to be added at some point?

Title:
[Answers Community: Ask a question]: Unable to navigate and access the 'Remove' button using keyboard.

Test Environment:
Windows 11 OS version:22H2 22621.1992
Edge Version 114.0.1823.82(Official build) (64-Bit)

Repro-Steps:
1.  Open https://www.telerik.com/kendo-react-ui/components/upload/url.
2.  Navigate to 'select files..' button using arrow key and invoke it using enter key.
3.  Upload any file.
4.  Now try to navigate using tab key and access 'Remove' button using keyboard and check whether its accessible or not using keyboard.

Actual Result:
Unable to navigate and access the 'Remove' Button using keyboard.


Expected Result:
User should be able to navigate and access the 'Remove' button using keyboard.

User Impact:
User with motor impairments who rely on keyboard will not be able to access 'Remove' button if user is not able to navigate to the button using keyboard.

Hi thanks. When resizing a column the page skips in Edge. Please see attached video. KendoReact.

We often create Excel templates for offline data collection. It would be helpful if there was a way to configure cell validation, so that the exported template could be pre-configured for specific data types (ie date, currency) or to select a value from a pre-set list. 

React Server Components allow the developer to mix the fast server-side rendering with the interactivity of client-side JavaScript. 

So far modern JS frameworks were explicitly operating on the client (with SSR being an optional feature). With server-components it's the opposite - RS Cs introduce a new mental model for building hybrid applications that leverage both the server and the client.

The main advantages of the React Server Components are that:

• Initial page load is faster;
• You can move the data fetching to the server;
• You can keep the large dependencies on the server;
• The client-side JavaScript bundle size is reduced;