[Patternfly] What forms or form elements does your application use?

[Gabriel Cardoso]

Attached are some forms used in Keycloak.

We are using the patternfly markup, but we have implemented some elements that are not in patternfly library.

- On-Off switch


- Inputs with number and unity


- Textarea for code


- Input for multiple data, table with inputs


- Multi-select (draft pattern): https://www.patternfly.org/wikis/patterns/draft-patterns/roles-assignment/ 


- Customized input file button



Hope this help :)

Gabriel



On Mar 20, 2014, at 11:55 AM, Matt Carrano <mcarrano at redhat.com> wrote:

> I've attached a couple of screens from JBoss EAP console.  This is a pattern that occurs frequently in this application, and I suspect many others.  It is a top-bottom master-detail with the detail portion expressed as a form.  Since there are potentially a lot of attributes, content is organized using tabbed navigation internal to the form.  This is also an editor where the user clicks Edit to enter an edit mode where some (but not necessarily all) attributes are modifiable (see second screen shot).  Save and Cancel appear to commit changes and exist back to read only mode.
> 
> I suspect this editor use case is pretty common and I think would be good to deal with as part of this pattern effort.
> 
> - Matt C 
> 
> ----- Original Message -----
> From: "Matt Reid" <mreid at redhat.com>
> To: patternfly at redhat.com
> Sent: Wednesday, March 19, 2014 3:01:20 PM
> Subject: [Patternfly] What forms or form elements does your application use?
> 
> As we mentioned last meeting, the forms team would love to get a better
> idea how we're using forms today in our applications, and if you are, 
> if you're using any non-standard widgets. 
> 
> Any screenshots you can pass along showcasing how forms are used in
> applications you work on can help us build better forms for tomorrow!
> 
> Thanks!
> Matt
> 
> _______________________________________________
> Patternfly mailing list
> Patternfly at redhat.com
> https://www.redhat.com/mailman/listinfo/patternfly
> <Screen Shot 2014-03-20 at 10.46.32 AM.png><Screen Shot 2014-03-20 at 10.45.52 AM.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/20140324/43499779/attachment.htm>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: Screen Shot 2014-03-24 at 11.17.21 AM.png
Type: image/png
Size: 56090 bytes
Desc: not available
URL: <http://listman.redhat.com/archives/patternfly/attachments/20140324/43499779/attachment.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: Screen Shot 2014-03-24 at 11.19.55 AM.png
Type: image/png
Size: 33532 bytes
Desc: not available
URL: <http://listman.redhat.com/archives/patternfly/attachments/20140324/43499779/attachment-0001.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: Screen Shot 2014-03-24 at 11.20.36 AM.png
Type: image/png
Size: 65457 bytes
Desc: not available
URL: <http://listman.redhat.com/archives/patternfly/attachments/20140324/43499779/attachment-0002.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: Screen Shot 2014-03-24 at 11.19.42 AM.png
Type: image/png
Size: 51614 bytes
Desc: not available
URL: <http://listman.redhat.com/archives/patternfly/attachments/20140324/43499779/attachment-0003.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: Screen Shot 2014-03-24 at 11.19.16 AM.png
Type: image/png
Size: 21302 bytes
Desc: not available
URL: <http://listman.redhat.com/archives/patternfly/attachments/20140324/43499779/attachment-0004.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: Screen Shot 2014-03-24 at 11.21.40 AM.png
Type: image/png
Size: 16529 bytes
Desc: not available
URL: <http://listman.redhat.com/archives/patternfly/attachments/20140324/43499779/attachment-0005.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: Screen Shot 2014-03-24 at 11.21.59 AM.png
Type: image/png
Size: 19952 bytes
Desc: not available
URL: <http://listman.redhat.com/archives/patternfly/attachments/20140324/43499779/attachment-0006.png>