Skip to content

Conversation

@srambach
Copy link
Member

@srambach srambach commented Nov 5, 2018

This implements the simple version of a wizard with no sub-steps, called the finite wizard. There is a finite wizard component, and then that component is combined with a modal to make demos showing an example wizard flow.

It is dependent on the sequence, which is still under some discussion, but I would like to start getting this reviewed. Having it out there will help to understand the sequence issues as well.

Please expect that the sequence will be updated when it settles. Comments about the sequence are probably best kept in the sequence PR #849

Fixes #185

@patternfly-build
Copy link
Collaborator

patternfly-build commented Nov 5, 2018

Deploy preview for pf-next ready!

Built with commit 8038922

https://deploy-preview-894--pf-next.netlify.com

Copy link
Member

@mcarrano mcarrano left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@srambach This is looking good, but I have a few questions/comments.

  • I'm wondering about the spacing between Cancel and other buttons. It feels a bit odd as is since Cancel is implemented as a link button vs, Back and Next that take on Button styling. Would be interested to hear what @kybaker thinks. Also, the way these buttons stack at mobile sizes does not look right.

screen shot 2018-11-05 at 15 00 35

  • I noticed as I preview different screen that the height changes according to the content. I think this will be disorienting as the user clicks through different screens. For a wizard, I expect the dialog to have a fixed height so that it does not change from screen to screen.

Also, the sequence bar has some issues, but I know that is still WIP so I'll reserve comment for now.

@srambach
Copy link
Member Author

srambach commented Nov 5, 2018

@mcarrano I agree that the buttons do not wrap well. It is using the toolbar layout. Do you think this is the wrong layout to use, or do you think that toolbar needs to be fixed at very small widths?

@kybaker did say to use the link button for Cancel but he can weigh in on whether that is still desired.

I can fix the height as I did the width for demonstration purposes, but in reality, this will likely need to be handled by the JS implementation.

@matthewcarleton
Copy link
Contributor

closing this for now, will revisit when design is confirmed.

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants