We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

how to disable tab header click/selection

Thread ID:





131064 Jun 19,2017 02:23 AM UTC Jun 20,2017 03:49 AM UTC ASP.NET Core 3
Tags: Tab
Asked On June 19, 2017 02:23 AM UTC


I need help on how to disable click/selection on tab header(e-tab-item). In my case, I need user to only click the "next" action button only instead of clicking the tab header to change tab.

Thanks :)

Keerthana Rajendran [Syncfusion]
Replied On June 19, 2017 11:29 AM UTC

Hi Muhammad, 
Thank you for contacting Syncfusion support. 
We suggest you to disable the click during beforeItemActive event of tab using the below code 
<ej-tab id="wizardTab" show-close-button="true" before-active="beforeItemActive" width="700px"/> 
function beforeItemActive(args) { 
           args.cancel = true; 
We can use selectedItemIndex of ejTab to select a tab on  button click.  
Please refer to the below code 
function tabNavigations(args) { 
        switch (this._id) { 
            case "confirmtickets": 
                if ($("#pass_name1").val() == "") { 
                    $("#tab3_err").append("*Please enter passenger details"); 
                else { 
                    var tabobj = $("#wizardTab").data("ejTab"); 
                    tabobj.option({selectedItemIndex: 1 }) 
            case "gobacktodetails": 
                var tabobj = $("#wizardTab").data("ejTab"); 
                tabobj.option({selectedItemIndex: 0 }) 
We have prepared sample for your reference. Please refer to the below given link 
In the sample , we have included a button in first tab. The second tab item will be selected only when  the button in first tab item is clicked. In the same way in the second tab we have added a button to navigate to the previous tab. 

Replied On June 20, 2017 03:30 AM UTC

 Thankss dear Keerthana,

the code works for my scenario. I've applied the "beforeItemActive" method . :D


Keerthana Rajendran [Syncfusion]
Replied On June 20, 2017 03:49 AM UTC

Hi Muhammad,  
Thanks for your update. We are glad to hear that your issue has resolved, please get back to us if you require further assistance on this. We will be happy to assist you  


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon