Controls Workstream

Upto date with Sep 2018 results

Controls

• Link

  • Support for an inline icon (optional)
  • Outline for keyboard support

• Label

  • Label is only used in the context of a form element and not the same use cases as fd-labelor fd-satus-label
  • * is used to indicate required label and a : for accessibility (screen readers work better if there is colon).
  • Example - Lable:*
  • Optional error state could include an icon before the text - [i]Label:*

• Button

  • The button consists of one or two clickable areas. The first area can either contain text or any kind of content. The second area (optional) contains a drop-down arrow.
    
    
  • Split button with actions
    

• Dialog 🆕

  • simlar to fd-modal, but does not dim out the background
    
    
  • Full specs

• Check Box

  • Keyboard support - border around the label as well as the checkbox
    
    
  • Semantic colors
    
    
  • Cozy/compact support
  • RTL, LTR

• Combo Box (part of input)

• Date Picker (part of input)

• Radio Button ✔️

• Select (part of input)

• Text Area ✔️

• Input Field (part of input)

Icons

UI Text

Agreed upon UI Text

UI Text	Description
Accept	Accept invitations, contracts. (Neg: Decline)
Add	Add an existing object to a list. (Neg: Remove)
Approve	Grant permission (for example, for budget or vacation). (Neg: Reject)
Back	Go back to the previous screen.
Cancel	Standard term for aborting an action without saving any changes.
Close	Close the dialog or window.
Copy	Create a new object or item based on an existing one. In this case, the user adapts the core data copied from an existing object.
Cancel	Standard term for aborting an action without saving any changes.
Decline	Decline invitations.
Delete	Delete the object or item itself. Use “Delete” if the object or item has already been actively saved.
Discard	Discard a draft for a new object, or a draft version containing changes to an existing object. Use “Discard” if the object or item has not yet been actively saved by the user.
Delete	Delete the object or item itself. Use “Delete” if the object or item has already been actively saved.
Edit	Trigger Action: Make changes to an existing object.
Filter	Depends on the context. Typically an icon text (e.g. to filter table entries). See the Icons tab.
Forward	Forward a request to a manager or decision-maker.
Next	Continue to the next screen (in a workflow with the sequence of activities).
OK	Confirm settings that may or may not have been changed (for example, filter settings for a table).Note: In most cases, a specific action verb is preferable.
Reject	Refuse permission. (Pos: Approve)
Remove	Remove the reference to an item (e.g. remove a person from a distribution list). (Pos: Add)
Save	Standard action for saving changes to existing objects when no workflow is being triggered.
Share	Tooltip text for the share icon . Opens a menu with sharing actions.
Show Less	Collapse a list or screen area. (Also 'Show [n] less')
Show More	Expand a list or screen area (Also 'Show [n] more')
Sign In	Log on to SAP Fiori.
Sign Out	Log off SAP Fiori.
Submit	Submit to a workflow (for example, for manager approval).

Additional Agreements

UI Text	Description
Create and New	Finalizing action: Create an object from scratch and return to the create screen to add another new object.
Save As	Triggering action: Save an copy of an existing object with any changes made. (Finalizing action: Save)
Create	Triggering action: Save an copy of an existing object with any changes made. (Finalizing action: Save)
Save and Next	Finalizing action: Use when editing a series of existing objects.
Finish	FinishTrigger the completion of a workflow or process where finishing the workflow closes the loop on the process. Other labels may be used when finalizing action kicks off a subsequent process.