Questions on KendoReact Forum

6 answers

673 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

349 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

406 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

216 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

894 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

719 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

633 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

answered on 27 Apr 2020

3 answers

168 views

Disable any specific day of the week (Fri/Sat/Sun) in DateTimePicker control

Hi Team,

We are looking for some option in DateTimePicker control, which can disable any specific day of the week (eg Fri/Sat/Sun) in DateTimePicker control.

Regards,

Sanjay

General Discussions

answered on 24 Apr 2020

1 answer

108 views

HTML5 validations keep showing on select controls (DropDown, ComboBox, MultiSelect, etc) controls

Hi Team,

When we are setting required property to true for Select type controls (for eg ComboBox) and then click Submit button, the mandatory validation appears. When I select the value on ComboBox control, the validation message still appears overlays on the options of ComboBox. This issue is coming in both chrome and Edge.

I validated this case in the demo provided in below URL:

https://www.telerik.com/kendo-react-ui/components/dropdowns/combobox/forms/#toc-setting-validation-requirements

I have attached the image for reference.

Regards,

Sanjay

General Discussions