Important:
This support area is for Kalium 3 users only.
Support for Kalium 4 has moved to our new platform at support.laborator.co.
If you’re using Kalium 4, please create a new account there using your email and license key. A password will be sent to you automatically.
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.