UI Kit - Common actions

Common actions

Consistency in actions and action location across an application help create an identifiable and easy to learn pattern for users. Resolving, closing, and canceling are all common actions found throughout traditional Pega UI and collaboration.

Last updated: Dec 2019


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 have an “x” in the upper right corner for desktop and on the left in mobile applications. If the modal dialog has actions, it should also have a "Cancel" button on desktop.

Modal dialog with a cancel button

Last updated: May 2019

Resolving and closing

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 2019


The Pega Pulse widget allows people to collaborate on cases by commenting and attaching documents. Pulse is shown when the user clicks the Pulse icon in the upper right hand corner of a screen. Pulse opens 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 2019