In order to activate form wizzard on modal, you must trigger the initialization after the modal is opened, so it should be basically like this:
$myLink.modal( 'show', function() {
$myWizardForm.bootstrapWizard({
tabClass: "",
onTabShow: function($tab, $navigation, index) {
//setCurrentProgressTab($myWizardForm, $navigation, $tab, $progress, index);
},
onNext: checkFormWizardValidaion, // Must be defined if assigned (optional)
onTabClick: checkFormWizardValidaion, // Must be defined if assigned (optional)
});
} );
The form validation function is simple boolean return function:
while import script
<script src="assets/js/jquery.bootstrap.wizard.min.js"></script>
<script src="assets/js/jquery.validate.min.js"></script>
Shows error like
Uncaught TypeError: element.find(...).tab is not a function
and also onClick next button
through error like
Uncaught TypeError: $navigation.find(...).tab is not a function
Hi ITWebServices,
This page "forms-wizard.html" includes these resources:
(view large image)
So that issue is not present, I can navigate through tabs:
https://d.pr/v/1yzIPk
Please make sure you include also bootstrap.js file as well.
Hi Sir,
I have worked on form wizard and find that it's working fine normally but when I'm using form wizrd inside modal it's not changing tab-pane
Hello ITWebServices,
In order to activate form wizzard on modal, you must trigger the initialization after the modal is opened, so it should be basically like this:
$myLink.modal( 'show', function() { $myWizardForm.bootstrapWizard({ tabClass: "", onTabShow: function($tab, $navigation, index) { //setCurrentProgressTab($myWizardForm, $navigation, $tab, $progress, index); }, onNext: checkFormWizardValidaion, // Must be defined if assigned (optional) onTabClick: checkFormWizardValidaion, // Must be defined if assigned (optional) }); } );The form validation function is simple boolean return function:
(view large image)
I hope this will work for you.