Topic: Horizontal stepper not showing all elements on screen

jdkneebone free asked 4 years ago


I am using the example for 'horizontal snippet' off the website. I have included the relevant steppers.css and steppers.js files, with the MDB pro version. Nothing else has been added apart from additional fields on the second step to have more than one element.

In the snippet you can also see that the buttons are in the middle of the input fields rather than at the bottom of the last element.

Expected behavior The expected behaviour is that the second step will not have a scroll bar within the view, but simply scroll (if required) using the browser navigation.

Resources (screenshots, code snippets etc.) https://mdbootstrap.com/snippets/jquery/jdkneebone/1623717

this image is from the snippet showing the issues


Grzegorz Bujański staff answered 4 years ago


Hi.

What about @jouvrard solution? Is it working for You?

Best, Grzegorz.


jouvrard pro answered 4 years ago


Hello,

You can add "horizontal-fix" class:

<ul class="stepper horizontal horizontal-fix" id="horizontal-stepper">


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

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.11.0
  • Device: Desktop
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: Yes