[Patternfly] Editable forms

Serena Chechile Doyle sdoyle at redhat.com
Mon Feb 23 20:16:48 UTC 2015


I really like the edit in place stuff as well.  I guess the issue is learnability, but so many apps/sites do it now I don’t think it’s an issue.  Here’s another example i just ran into.

hints & formats are in grey italics.  Edited/new info is in blue bold





> On Feb 23, 2015, at 2:25 PM, Andres Galante <agalante at redhat.com> wrote:
> 
> More on edit in place:
> 
> http://ui-patterns.com/patterns/InplaceEditor
> http://designinginterfaces.com/firstedition/index.php?page=Edit-in-Place
> http://patternry.com/p=inline-edit/
> 
> I've used this plugin on a bootstrap based project:
> http://vitalets.github.io/x-editable/
> 
> 
> 
> 
> 
> 
> ----- Original Message -----
> From: "Gabriel Cardoso" <gcardoso at redhat.com>
> To: patternfly at redhat.com
> Sent: Monday, February 23, 2015 4:17:02 PM
> Subject: Re: [Patternfly] Editable forms
> 
> 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 
> 
> 
> _______________________________________________
> Patternfly mailing list
> Patternfly at redhat.com
> https://www.redhat.com/mailman/listinfo/patternfly
> 
> _______________________________________________
> Patternfly mailing list
> Patternfly at redhat.com
> https://www.redhat.com/mailman/listinfo/patternfly

-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://listman.redhat.com/archives/patternfly/attachments/20150223/37def411/attachment.htm>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: Screen Shot 2015-02-23 at 3.11.35 PM.png
Type: image/png
Size: 52015 bytes
Desc: not available
URL: <http://listman.redhat.com/archives/patternfly/attachments/20150223/37def411/attachment.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: Screen Shot 2015-02-23 at 3.11.18 PM.png
Type: image/png
Size: 119199 bytes
Desc: not available
URL: <http://listman.redhat.com/archives/patternfly/attachments/20150223/37def411/attachment-0001.png>


More information about the PatternFly mailing list