Navigate between tabs after button click event

[otto igho]

Hello guys,

I am trying to navigate between between tabs of an ASP.Net MVC Tab Control after a button click event. (Next-Previous Button). And to achieve this i've tried to simulate the same behaviour for keyboard navigation as shown in this help topic : http://help.syncfusion.com/aspnetmvc/tab/keyboard-navigation , so i craeated an html5 button like this : 

<button type="button" class="btn btn-primary" id="next1" style="float: right;">Next</button>

and added a jQuery script:

<script>

    

    $(function () {                

        $("#next1").click(function (e) {

           $("#dishtab ul a").focus();  

          

        });        

    });        

</script>

And when i click the button nothing happen and i can see this in the bottom of the browser :

localhost/Controller/Action#tabname

Thank you in advance :)

[Muralishankar Sundaram]

Hi Otto, 

Thanks for using Syncfusion products, 

As per your requirement we have prepared the custom sample with tab control and please check sample with the below js-playground link: 

http://jsplayground.syncfusion.com/aaoaagsz  

Please let us know if you have any other concerns. 

Regards, 

Muralishankar 

[otto igho]

Hi Muralishankar,

Thank you very much for the sample, it is working fine. Now i'll try to integrate it to my cshtml view.

Regards,

Otto.

[Prince Oliver]

Hi Otto,   

  

Thanks for your update.   

  

We are glad to hear that your issue is solved.  

  

let us know if you need any further assistances.   

  

Regards,   

Prince