Fixes q-stepper size

  • I am trying to create a fixed-size stepper experience where the inner content is allowed to grow to fill a space. Specifically, in one of the steps I would like to place a map that takes up most of the screen.

    Unfortunately, there does not seem to be a way to allow the steps to grow, filling the stepper space. I can get the stepper and the inner steps to grow using flex, but there are other internal classes containing the content that do not grow.

    I’m looking for advice on how to make the stepper fill a space?


  • Did you manage to find a solution?
    I’m trying to create a 100% fit of the container which is q-page.
    So I’d like to achieve where’s a q-stepper-header and it’s q-steppers-steps, each q-steppers-steps has height 100% - header’s heigth.
    But is not working.

Log in to reply