Chris
Top achievements
Rank 1
Rank 1
I am using Kendo Angular grid and have a column containing multiple buttons. These buttons are custom angular components. I am using [navigable]="true". How can I make these buttons be part of the navigation?
1 Answer, 1 is accepted
0
Accepted
Hi Chris,
The following article covers that topic:
https://www.telerik.com/kendo-angular-ui/components/grid/keyboard-navigation/#toc-basic-concepts
Apply the kendoGridFocusable directive to the button in order to focus the button instead the cell.
Regards,
Martin Bechev
Progress Telerik
Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources!
Chris
commented on 31 May 2024, 12:35 PM
Top achievements
Rank 1
Rank 1
How and where do I put it? I tried attaching this directive to both the custom component and to the button inside it and neither works. Here is a StackBlitz demonstrating the problem: https://stackblitz.com/edit/angular-phpipy?file=src%2Fapp%2Fapp.component.ts,src%2Fapp%2Fcustom-button.ts
Martin Bechev
commented on 05 Jun 2024, 07:47 AM
Telerik team
Hi Chris,
In this case, the user needs to enter the cell, using the 'Enter' key:
This is required because the cell contains more than one focusable element:
https://stackblitz.com/edit/angular-phpipy-ffwzba
Regards