Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
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)
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.
adcsvf
bgvfds
