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") .DataTextField("Text") .DataValueField("Value") .HeaderTemplateId("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>
</script>