How can I change a TAB selected tab from a JavaScript function running on the client side

[Laurent]

Hi,

I want to change the selected tab by clicking on a button outside aTab control. I have tried all code I have found in the documentation, nothing work.

Can you provide a code sample?

Thanks a lot,

Laurent

[Nevitha Ravi]

Hi Laurent, 

Greetings from Syncfusion Support. 

You can use select public method by passing the index of the tab item to select the tab when clicking on the button. Please refer to the following sample and code. 

https://www.syncfusion.com/downloads/support/forum/161940/ze/Tab-Select-1667517227 

<script type="text/javascript"> 

    document.getElementById('btn1').onclick = function () { 

        var tabObj = document.getElementById('ej2Tab').ej2_instances[0]; 

        tabObj.select(1); 

    }; 

</script> 

Please try the above sample and get back to us if you need any further assistance. 

Regards, 

Nevitha 

[Laurent]

Thanks!

[Vengatesh Maniraj]

Hi Laurent, 

You are most welcome.😊 

Please get in touch with us if you need any further assistance. 

Regards, 

Vengatesh