[Patternfly] Fwd: UI indicating field is required

[Robb Hamilton]

forms team,

fyi.  not sure if you guys are covering this in your pattern, but there is a definite need.

there was another request this week for rules regarding form validation.  specifically, how to handle the validation of password inputs when creating a new password where the password has to be input twice (does this happen client-side, server-side?  what messaging appears and when?  etc.).

Begin forwarded message:

> From: Walden Raines <walden at redhat.com>
> Subject: Re: UI indicating field is required
> Date: July 3, 2014 at 9:15:21 AM EDT
> To: Joseph Magen <jmagen at redhat.com>
> Cc: Kyle Baker <kybaker at redhat.com>, satellite6-list <satellite6-list at redhat.com>, Robb Hamilton <rhamilto at redhat.com>
> 
> We use the asterisk right of the label and place help text underneath in grey.  I've attached a screenshot of an example.
> 
> The help text underneath can be accomplished easily using a Bootstrap 3 .help-block [1].
> 
> Here is our CSS for the asterisk [2], although we should consider moving that to Patternfly/RCUE if they don't already handle required form fields.
> 
> Cheers,
> Walden
> 
> 1. http://getbootstrap.com/css/#forms
> 2. https://github.com/Katello/katello/blob/master/engines/bastion/app/assets/stylesheets/bastion/forms.less#L1
> 
> 
> ----- Original Message -----
> From: "Joseph Magen" <jmagen at redhat.com>
> To: "Kyle Baker" <kybaker at redhat.com>
> Cc: "satellite6-list" <satellite6-list at redhat.com>
> Sent: Thursday, July 3, 2014 5:36:50 AM
> Subject: UI indicating field is required
> 
> Hi Kyle,
> 
> We want to show on the UI that a form field is required. Options include:
> 
> * left of label [ text box ]
> right of label * [ text box ]
> label [ text box ] * right of textbox where help messages usually are
> 
> color options (red vs. black)
> labels are in black to left of [text box]
> [text box] help messages are in gray to right of textbox
> after a form is submitted and there is an error (see attachment) and the labels switched from black to red and the border of the text box is red.
> 
> Regards,
> 
> Joseph
> 
> 
> 
> 
> 
> 

-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://listman.redhat.com/archives/patternfly/attachments/20140703/f269a2bf/attachment.htm>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: Screen Shot 2014-07-03 at 9.07.30 AM.png
Type: image/png
Size: 25772 bytes
Desc: not available
URL: <http://listman.redhat.com/archives/patternfly/attachments/20140703/f269a2bf/attachment.png>