[Patternfly] Editable forms

[Gabriel Cardoso]

Hi Matt,

I don’t have this in any of the applications I work on, but I’m sending as reference the way iTunes does it, which I find very interesting.

1) Original state



2) The use puts the mouse over the “artist” information



3) It becomes an input by clicking on it



The tab also works for navigation :)

With this approach we avoid the Edit/stop editing buttons

Thanks,
Gabriel

15, at 7:53 PM, Matt Carrano <mcarrano at redhat.com> wrote:
> 
> Hi All,
> 
> I am currently working on a design where I need an editable form and wanted to see what examples or patterns may already exist for this.  Our current Forms pattern does not currently address this use case, but probably should.  The requirement I have is that some users will only be able to view information on the form and others can view or edit, so there may be a need to switch between modes.  I know this is a scenario that is fairly common, so wondering how you may be handling this in your applications.
> 
> Thanks in advance for your feedback.
> 
> Regards,
> 
> Matt
> 
> _______________________________________________
> 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/20150223/f7007534/attachment.htm>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: Screen Shot 2015-02-23 at 8.11.04 PM.png
Type: image/png
Size: 55900 bytes
Desc: not available
URL: <http://listman.redhat.com/archives/patternfly/attachments/20150223/f7007534/attachment.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: Screen Shot 2015-02-23 at 8.11.17 PM.png
Type: image/png
Size: 54989 bytes
Desc: not available
URL: <http://listman.redhat.com/archives/patternfly/attachments/20150223/f7007534/attachment-0001.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: Screen Shot 2015-02-23 at 8.11.27 PM.png
Type: image/png
Size: 56760 bytes
Desc: not available
URL: <http://listman.redhat.com/archives/patternfly/attachments/20150223/f7007534/attachment-0002.png>