b.vanminnen pro asked 6 years ago

How to implement the steppers component (https://www.google.com/design/spec/components/steppers.html#) with help of MDB?

Mirosław Stasiak free answered 5 years ago

Hi, Our stepper does not have the functionality you ask. If you want it, you need to handle it in JavaScript by yourself. Thank you for the idea, we will try to implement that in the future. Regards,

pro answered 5 years ago

Please how do I handle the continue and cancel buttons. What I want to achieve is clicking on continue should move to the next step and collapse the previous step.

Could you please share your solution with me? Please contact me at b.malanowski@mdbootstrap.com

mdbootstrap.bob pro answered 5 years ago

Here's the screenshot of steppers with IE11. Steppers_in_MDBootstrap_pro_with_IE11.png FYI: If I recall correctly (from 4 weeks ago), my fix was to change a couple of display:flex; to display:block; and add some width/max-width; in _stepper.scss

shilu911 pro commented 4 years ago

I had the same issue, I changed the display of .stepper-vertical li to block, and then it works fine

Could you please provide us a screenshot?

mdbootstrap.bob pro answered 5 years ago

IE Version 11.576.14393.0 (with "install new versions automatically" ON) running on Windows 10

@mdbootstrap.bob, what is your version of IE?

mdbootstrap.bob pro answered 5 years ago

Vertical stepper doesn't seem to work in IE, is this a known bug? Is there a css trick to fix it?

Michal Szymanski staff answered 6 years ago

We'll probably add this component in the next version of MDB.

Alex Gotardi pro answered 6 years ago

ijabit free answered 6 years ago

We were also just looking for steppers. It would be a great control to add!

Michal Szymanski staff answered 6 years ago

MDB doesn't include such a component, but I've bookmarked it and maybe it will appear with the next MDB release.

Please insert min. 20 characters.


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


Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No