Any chance for vertical & horizontal options with responsive steps on the wizard? about vue-good-wizard

[pimboden]

Nice Component.. and worked !
Any chance to make it responsive?

[arivera12]

@pimboden the wizard its already responsive but in very small screen like phones it needs a little workout but not too much make it work smoothly. It just need to draw the wizard step line vertically and connect the icons and that should be all we need. Did you see the behavior of this wizard on small screens? Icons still get arranged almost perfectly it stills need some workaround and also the steps line still going horizontally instead of vertically.

[pimboden]

Yes, you are right. this looks pretty good most of the times. The issue is if (like in my current use case) you have steps, that have e bit longer names, then the names overlap and are unreadable

[arivera12]

@pimboden You should try to use concise names on the wizard titles to work around that. I myself sometime need to do this types of workaround to make it look OK. In the meantime we should try to apply some custom css styling to force the wizard icons to split themselves to one per line and align them on the center of the screen. If I find any workaround to make it look good on mobile devices I will paste it here.

[pimboden]

OK thanks. The problem of the name of the steps, is that they are given by some other Autors. I'm also trying to tweak around with css.

[xaksis]

the wizard now has a responsive treatment. going to close this