Topic: Angular stepper validation not working when orientation is vertical

myictsolutions premium asked 3 years ago

*_Expected behavior_*validate when the next button is clicked*_Actual behavior_*not validation. only when the direction is changed to linear in the html part it validates. it works when I change vertical to linear, however I would prefer the vertical validation. Resources (screenshots, code snippets etc.)

<mdb-stepper #stepper [vertical]="true">
<mdb-stepper #stepper [linear]="true">

Arkadiusz Idzikowski staff answered 3 years ago

These inputs are responsible for different functionalities. The vertical input allows to set the stepper orientation (true for vertical and false for horizontal) and linear input adds validation when set to true. You can use both options at the same time:

<mdb-stepper #stepper [vertical]="true" [linear]="true">

myictsolutions premium commented 3 years ago

great, it works, thanks :)

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

  • ForumUser: Premium
  • Premium support: Yes
  • Technology: MDB Angular
  • MDB Version: 10.1.1
  • Device: Mac Book pro
  • Browser: chrome
  • OS: Big Sur
  • Provided sample code: No
  • Provided link: No