Stepper - Disable All Steps


Topic: Stepper - Disable All Steps

Zhao pro asked 3 years ago

How can I disable all steppers? I made a form and after is completed and ends with success I want to disable all steps, because I don't want to user to go back to the steps.

Piotr Glejzer staff answered 3 years ago

Hi, you can do something like that: JS
$('.stepper').on('click', function () {

if ($('.step').eq(2).hasClass('active') ===true) {

$('.step').eq(1).addClass('step-disabled');

}

})
CSS
.step-disabled{

pointer-events:none;

}
Best, Piotr

Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.5.10
  • Device: Desktop
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No