Simple Text Inline Edit Specification

Storycards

All the Inline Edit Storycards are available on the Simple Text Inline Edit Storycards page.

The current storycards are:

• IE Story 1 (FLUID-775): Allow user to edit a simple, single piece of text without leaving their context.

• IE Story 2 (FLUID-780): Provide user with undo capabilities

• IE Story 3: Provide user with "redo edit" capabilities

• IE Story 7: Placeholder for error handling (i.e. name exists)

Functional Requirements

• Edit simple text in context (inline)

• Undo edit

• Redo undo (undo the undo)

• If empty, display a message to let user know information can be entered

Wireframes & Final Storyboards

'Simple Text Inline Edit' Component

Simple Text Inline Edit Storyboard

Visual Representation of Interesting Moments

Configurable Behaviors / Settings

• Field size

• Hover text

• Cursor location in editable field on initiation (ex. default is at end of text, some may want the existing to text to be selected)

• Whether or not there is a yellow highlight of field on mouseover

• Whether or not "Click to edit" is displayed in empty field

• Allowing single or multiple line input

  • If single line input only allowed: upon paste of text with carriage returns, whether a) carriage returns are changed into spaces or b) all the text after the first carriage return is removed (cut)