Questions on KendoReact Forum

8 answers

133 views

[Solved] Using Virtualization with Grouping with hooks

I am interested in an example like https://stackblitz.com/edit/react-ynzwm7-thwt8x

But I want my application to use hooks.

Can Someone make an example like this with hooks please?

Thank you much

General Discussions

answered on 04 May 2020

6 answers

686 views

navigatable={true} not working in kendo react grid

Hi Team,

Navigatable={true} not working in kendo react grid

also i am unable to find navigation of react kendo documentation

https://www.telerik.com/kendo-react-ui/components/grid/api/GridProps/

Is there a way i can implenment navigatable = {true} in react kendo grid

General Discussions

answered on 29 Apr 2020

3 answers

361 views

Few accessibility issues in kendo react grid

Hi Team,

I have 2 different issue in kendo react grid

1. Table header are not associated with the table data.

Actual Result:

When focus moves to the table Screen reader does not announce the Table header with the table data.Here screen reader announce as 'Column 3 Commercial Bangalore'.

Observation :

1. Here when focus lands on the table NVDA does not announce the information of the rows and column.

2. NVDA does not announce information for empty cell of table as blank when while navigating using table short cut keys(Ctrl+Alt+Arrows).

Expected Result:

When focus moves to the table Screen reader should announce the Table header with the table data.

Ex:Here screen reader should announces as 'Column 3 Commercial Bangalore Line of business button'

2.

Resizing page up to 400% is creating a loss of content or functionality

Actual Result:

Page content is not properly visible after resizing page to 400%.

Agent Extension page content is not properly visible after resizing page to 400%.

Expected Result:

Resizing page “Agent Extension” up to 400% should not create a loss of content or functionality.

General Discussions

answered on 29 Apr 2020

2 answers

412 views

Drill down in Kendo react column chart

Is it possible to get a click on each bar in a column chart ??

General Discussions

answered on 28 Apr 2020

1 answer

228 views

Grid loading complete

When I load my grid currently I'm getting no results flash up before my results display. Is there a way to know when the grid has finished loading so I can control this no results myself?

General Discussions

answered on 28 Apr 2020

1 answer

898 views

[Solved] Selecting multiple rows with checkboxes and shift key

I need a feature for react grid like the url below. Is it possible?

I need to select multiple rows with shift button. I need to able to select row range with shift button.

https://www.telerik.com/forums/selecting-multiple-rows-with-checkboxes-and-shift-key

General Discussions

answered on 28 Apr 2020

1 answer

1.2K+ views

[Solved] Customize the File upload in Kendo React

Hi,

I am using Upload functionality kendo react. Is there any possibility to customize the select file button and upload button. Here I attached the sample design.

General Discussions

answered on 28 Apr 2020

1 answer

728 views

[Solved] custom text for grid filterOperators

https://www.telerik.com/kendo-react-ui/components/grid/api/GridFilterOperators/

I'm trying to understand customizing GridFilterOperators in the Grid's filterOperators prop. Is it possible to override the text field with a custom message than what's provided? How is "grid.filterGtOperator" resolved to "Is Greater Than" in the dropdown for GridColumnMenuFilter?

Thanks.

General Discussions

answered on 28 Apr 2020

1 answer

645 views

[Solved] using enter key for grid's ColumnMenuFilter

I tweaked the code from here https://www.telerik.com/kendo-react-ui/components/grid/filtering/#toc-column-menu-filter so that ProductName column uses the ColumnMenu. Here is sample app https://stackblitz.com/edit/react-3fufmw?file=app/main.jsx

In this example, why can I press the "enter" key to apply a text filter (e.g. the ProductName column), but for a number filter, the enter key does not apply and I have to click on the filter button?

Is this a bug? How can i make the "enter" key work with number filter?

Steps

click on ProductName hamburger menu, enter "ch", then press "enter" key while focused on text input. The filter is applied

click on ProductID hamburger menu, enter "1", then press "enter" key while focused on text input. The filter is not applied.

Thanks.

General Discussions