search

mstratman / jQuery-Smart-Wizard

flexible jQuery plug-in that gives wizard like interface
http://mstratman.github.com/jQuery-Smart-Wizard/
304 stars 164 forks source link

Responsive?? #77

Open kristinmc0215 opened 9 years ago

kristinmc0215 commented 9 years ago

Does anyone have any code to make this responsive? I love the look/feel of this wizard, but we can't use it if it is not responsive - and that is not my area of expertise.

miyan27 commented 8 years ago

now I`m working on it, if you using the basic responsive css, you can make this wizard turn to responsive too.. im using skeleton(_http://getskeleton.com/) for my basic responsive website and then add some css or remove some css. mostly..is about width, and dont forget using @media on your css to control your responsive website whenever the window resize for example (_http://www.w3schools.com/css/css_rwd_mediaqueries.asp).

good luck.

StateBarofArizona commented 8 years ago

Doing the same thing here. So far changing widths to 100% works well for the main content area. I hard coded a percentage for the button widths knowing this particular wizard has 5 steps. Not sure what to do for additional steps on other wizards. One issue I haven't figured out, how to make the buttons wrap cleanly on small screens and have all the same height, taller height, when screen narrow.

As for my form inside the content, I am about to experiment using Bootstrap grid layout.