The Case Page is the full layout of a case. It contains all information related to a case and is where a user works on a given case.
Usage
The Case Page renders the current case’s work and details, embedding all tabs, panels, Assignments, and widgets, to provide a clear picture of what is happening within the case and what needs to be done by the end user.
This demo features the entirety of the Case Page. For more details on the individual components that build the Case Page, refer to their respective documentation.
Anatomy
The Case Page is broken into three distinct columns:
- The leftmost column features the summary panel, which details any top-level details related to the case being viewed.
- The rightmost column consists of any number of utilities that are ideal for displaying lists of data for interaction. This column may collapse on smaller screens or by toggling the expand collapse button.
- The center column features the optional Lifecycle and Assignments regions.
Configuration
To configure this component in your UX Design System application, visit Pega Documentation.
All information on this site is for Pega’s UX design system, also known as Constellation (from 8.8 and onwards). If you have questions, concerns, or any other feedback, please reach to us on Pega Support and include the capability ‘User Experience’ and ‘Constellation’ in your request.
Related components