Common actions

Cancel

Users should always be able to cancel or undo their actions.

Action areas and forms

Action areas and forms should have a "Cancel" button in the bottom left corner.

Action area cancel example

Modal dialogs

Modal dialogs should have an “x” in the upper right corner. If the modal dialog has actions, it should also have a Cancel button.

Modal cancel example

Last updated: May 2017

Withdraw

Cases can be deleted or resolved (closed). Avoid using “Close” as the name of the action because it can be confused with an action to close the tab or window.

This action should be named appropriately based on the use case. Cases that have recently been created can be deleted, but when the history and audit trail of a case needs to be preserved, “resolve” should be the preferred term.

Delete or resolve a case by using the Actions menu on the top right. There should be an additional confirmation message before completing the action.

Case withdrawal example

Last updated: May 2017

Collaboration

The Pega Pulse widget allows people to collaborate on cases by commenting and attaching documents. Pulse by default is shown when the user clicks the Pulse icon in the upper right hand corner of a screen. Pulse opens in a slide-out panel. If Pulse needs to be more prominent for a particular application, it is shown directly under the action area.

Collaboration example

Last updated: May 2017

Get the files

Want to begin working with the Pega Design System? Download the vector assets below.

Download design files

Last updated: May 2017

Next: Examples