This is a migrated thread and some comments may be shown as answers.

Grid child navigation by keyboard

3 Answers 22 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Adam
Top achievements
Rank 1
Adam asked on 23 Mar 2020, 10:28 AM

Dear Telerik,

 

There is a hierarchial grid. The 'child grid' is too long so I need to scroll horizontally if I want to see any table column.

So my problem is when I use the keyboard navigation by arrows the automatic scrolling doesen't work. If I don't scroll horizontally I can't see the next column.

If I use the main table the same way by arrows, the automatic scrolling is working. How could this work on 'child table' too?

I'm waiting for your answer.

 

Your's sincereley,

Adam Lantos

3 Answers, 1 is accepted

Sort by
0
Silviya Stoyanova
Telerik team
answered on 24 Mar 2020, 04:51 PM

Hello, Adam,

To enable the horizontal scrolling the width of the grids should be smaller than the total sizes of their columns.
For keyboard navigation, you need to set the navigatable property of the Grid to true.

More details about the keyboard support of Kendo UI Widgets you could find in the following demo: https://demos.telerik.com/kendo-ui/grid/keyboard-navigation

I have also prepared a dojo example for better illustration, which you could modify in case I misunderstood the reported issue.

Kind Regards, Silviya Stoyanova Progress Telerik

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.
0
Adam
Top achievements
Rank 1
answered on 16 Apr 2020, 06:30 AM

Hello, Silviya,

Your example is prefect! In your example, you can see that if you click on one of the cells in the children's board and start navigate with a keyboard to right, then it does not scroll horizontally automatically. In contrast, when navigating through cells in the parent table, this works!

 
 

 

 

0
Silviya Stoyanova
Telerik team
answered on 16 Apr 2020, 03:55 PM

Hello Adam,

Thanks for the clarification. I saw what you mean. 

The reason for such behavior is that in the example that I have previously sent the child grid's width is bigger than its parent. That means some columns of the nested grid stay in the invisible area of the parent grid.

To solve this issue there are two options:
     1. If a width property is defined for the parent and for children grids  -  remove the parent's width.

      or

     2. You could add to the nested grid a width property equal to or smaller than the parent grid's width. 

And here is the modified example:  http://dojo.telerik.com/ejUduxOm/12

Let me know how the above suggestions work for you.

Kind Regards, Silviya Stoyanova Progress Telerik

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.
Tags
Grid
Asked by
Adam
Top achievements
Rank 1
Answers by
Silviya Stoyanova
Telerik team
Adam
Top achievements
Rank 1
Share this question
or