[Patternfly] Action buttons in wizards

[Gabriel Cardoso]

Hi Josephine,

In LiveOak, we put them at the bottom as well. A difference is that we only display the Cancel button on the first step, which is replaced by the Previous button on the next screens. The last screen has the action name “Create Application" instead of Next. Another detail is that the Next button is inactive until required data is inserted (step 1).







I liked the way you represented the steps. Maybe the active step should have the text in bold to reinforce that the user is in that step?

Thanks,
Gabriel

> On Jan 14, 2015, at 1:25 PM, Josephine Qian <joqian at redhat.com> wrote:
> 
> Hi,
> 
> I am currently working on the design of some wizards for JBoss EAP and I didn't see any recommendation about the locations of action buttons in wizards, such as Back, Next, and Cancel, in PatternFly. So I wireframed what would make sense in EAP's context (see attachment). Think it'd be great if I can get some feedback from you. 
> 
> I'm also curious about how the buttons are handled in other products. Do they also have these three buttons in a wizard that has multiple steps? Are the buttons ordered/located differently? In the last step, is the action button labeled as Save, Finish or Done?
> 
> Any thoughts or suggestions will be very helpful! Thanks!
> 
> 
> Josephine<ActionButtons.png>_______________________________________________
> Patternfly mailing list
> Patternfly at redhat.com
> https://www.redhat.com/mailman/listinfo/patternfly

---
Gabriel Cardoso
User Experience Designer @ Red Hat

-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://listman.redhat.com/archives/patternfly/attachments/20150114/1687ed4e/attachment.htm>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: Screen Shot 2015-01-14 at 3.44.35 PM.png
Type: image/png
Size: 37057 bytes
Desc: not available
URL: <http://listman.redhat.com/archives/patternfly/attachments/20150114/1687ed4e/attachment.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: 02.png
Type: image/png
Size: 20555 bytes
Desc: not available
URL: <http://listman.redhat.com/archives/patternfly/attachments/20150114/1687ed4e/attachment-0001.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: 03.png
Type: image/png
Size: 29838 bytes
Desc: not available
URL: <http://listman.redhat.com/archives/patternfly/attachments/20150114/1687ed4e/attachment-0002.png>