Responsive Wizard #45

Closed
wants to merge 4 commits into
from

Conversation

Projects
None yet
1 participant
  • Made the width and height of the smart wizard responsive. It now scales depending on window size. You can optionally override this with static values using your own CSS for container height/width.
  • Enabling the next step when noForwardJumping is set. The anchor tag above the wizard functions just like the next button. User experience improvement.

EAnushan added some commits Sep 23, 2013

@EAnushan EAnushan - Made the width and height of the smart wizard responsive. It now sc…
…ales depending on window size. You can optionally override this with static values using your own CSS for container height/width.

- Using border-box to accomodate responsive 100% width. Otherwise, padding overflows outside container.
- Removed unecessary overflow-x and overflow-y css since width and height autoscale.
- Added border-radius property where it was missing. Necessary for browsers that don't use moz-border-radius and webkit-border-radius.
4acafc5
@EAnushan EAnushan - Forgot to add back overflow-x and overflow-y hidden properties. Nec…
…essary for 'slideleft' transition to appear nicely.
0273fc6

I chose to make the content container height: auto. Although, this causes the controls at the bottom of the wizard to fluctuate in position depending on the height of the current content.

Alternatively, I suppose we could just keep the static 300px height we used to have with overflow-y scroll. It's up to you. I prefer it this way since I can customize the height of the container myself later on, on a per wizard basis. I usually just set the height of the content pane to whatever I predict my maximum height to be.

EAnushan added some commits Sep 24, 2013

@EAnushan EAnushan - Allowing one extra step when no forward jumping is enabled. This wi…
…ll enable the anchor tag above the wizard for the next step, functioning just like hitting the next button.
99ff152
@EAnushan EAnushan - Updated comments for the last commit. a59b87e

EAnushan closed this Mar 10, 2015

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment