Get 2024 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $99
Get for 99$ 
Stepper Component - how to display the submit button on second steps.
I have three steps only, how can I move the submit button to the second step and the third step is similar to the last step?
Link.
Replies (5)
bgvfds
adcsvf
Hi,
The javascript of these examples you can check in the below file:src/js/custom/utilities/modals/create-account.js.
The login to show the submit button on a particular step is done as shown below:
// Stepper change event
stepperObj.on("kt.stepper.changed", function(stepper) {
if (stepperObj.getCurrentStepIndex() === 4) {
formSubmitButton.classList.remove("d-none");
formSubmitButton.classList.add("d-inline-block");
formContinueButton.classList.add("d-none");
} else if (stepperObj.getCurrentStepIndex() === 5) {
formSubmitButton.classList.add("d-none");
formContinueButton.classList.add("d-none");
} else {
formSubmitButton.classList.remove("d-inline-block");
formSubmitButton.classList.remove("d-none");
formContinueButton.classList.remove("d-none");
}
});Regards.
