Hi,
I'm using Keyboard Navigation but hiding a tab
and I use the keyboard keeps coming up, what I need
is that it stays hidden, it can be done.
I attach an example:
<div style="width: 500px">
<ej-tab id="tab1" allow-keyboard-navigation="true">
<e-tab-items>
<e-tab-item id="pizzatype" text="Pizza Type">
<e-content-template>
<div>
Pizza cooked to perfection tossed with milk, vegetables, potatoes, poultry, 100% pure mutton, and cheese - and in creating nutritious and tasty meals to maintain good health.
</div>
</e-content-template>
</e-tab-item>
<e-tab-item id="sandwichtype" text="Sandwich Type">
<e-content-template>
<div>
Sandwich cooked to perfection tossed with bread, milk, vegetables, potatoes, poultry, 100% pure mutton, and cheese - and in creating nutritious and tasty meals to maintain good health.
</div>
</e-content-template>
</e-tab-item>
<e-tab-item id="Milkshakedatype" text="Milk Shakeda Type">
<e-content-template>
<div>
Milk Shakeda
</div>
</e-content-template>
</e-tab-item>
</e-tab-items>
</ej-tab>
</div>
<script type="text/javascript">
$(function () {
$("#tab1").ejTab({ hiddenItemIndex: [2] });
//Control focus key
$(document).on("keydown", function (e) {
if (e.altKey && e.keyCode === 74) {
// j- key code.
$("#tab1 ul a").focus();
}
});
});
</script>
Regards!
