[Patternfly] Editable forms

[Andres Galante]

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