Is Keyboard Navigation possible for MultiSelect Header Templates?

1 Answer 75 Views
Top achievements
Rank 1
Abdullah asked on 18 Aug 2022, 07:19 PM

Currently I have two buttons assigned to the HeaderTemplateId for my MultiSelectFor Kendo control, I'm able to navigate to the items in the list but would also like to tab into or use arrow keys to navigate to the header template as well. I couldn't find any documentation for this particular use case, is there functionality to enable keyboard navigation for the header template?

MultiSelectFor control:

@(Html.Kendo().MultiSelectFor(model => model.Name).Name("MultiSelect1")
                              .Placeholder("Select item")
described HeaderTemplate:
<script type="text/x-kendo-template" id="HeaderTemplate">
    <button class="k-button" onclick="SomeFunctionA(this)">Select All</button>
    <button class="k-button" onclick="SomeFunctionB(this)">Remove All</button>

1 Answer, 1 is accepted

Sort by
Ivan Danchev
Telerik team
answered on 23 Aug 2022, 12:45 PM

Hello Abdullah,

Currently, there is no implementation of keyboard navigation in the header template. Consider submitting a feature request in our Feedback Portal:

Ivan Danchev
Progress Telerik

The Premier Dev Conference is back! 

Coming to you live from Progress360 in-person or on your own time, DevReach for all. Register Today.

Asked by
Top achievements
Rank 1
Answers by
Ivan Danchev
Telerik team
Share this question