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) {
if(args.isInteraction==true)
args.cancel = true;
} |
Please refer to the below code
|
function tabNavigations(args) {
switch (this._id) {
case "confirmtickets":
if ($("#pass_name1").val() == "") {
$("#tab3_err").text("");
$("#tab3_err").append("*Please enter passenger details");
}
else {
var tabobj = $("#wizardTab").data("ejTab");
tabobj.option({selectedItemIndex: 1 })
finaldetails(args);
}
break;
case "gobacktodetails":
var tabobj = $("#wizardTab").data("ejTab");
tabobj.option({selectedItemIndex: 0 })
break;
}
}
} |
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.
Regards,
Keerthana.
