Skip to main content


         This documentation site is for previous versions. Visit our new documentation site for current releases.      
 

Custom widgets

Updated on December 13, 2022

Theme Cosmos introduces design patterns that help maximize productivity. For example, the utility panel, which contains widgets that provide quick access to case-relevant information, is one such pattern. Pega provides a number of out-of-the-box widgets, as well as the tools to create a custom widget in Dev Studio.

Widgets in the utilities panel

The utilities panel contains common widgets such as Case followers and Case attachments. A typical panel includes several widgets and the ability to add, edit, and review widget assets in a modal window. The collapsed panel contains a set of icons that correspond to each of the widgets.

Sample custom widget in expanded and collapsed form
The widgets collapse into a compact menu with an icon and a counter indicating the number of records in each widget.

For more information about out-of-the-box widgets, see Widgets in the utilities pane.

Best practices for custom widgets

When creating a custom widget, consider the following best practices:

  • Use a widget if the information that you want to present to the user must be available at all times. If the information that you want to display needs in-depth review by the user, locating it in the case summary panel views is the best practice.
  • Use an icon with the proper size and color, and check the appearance of the icon in collapsed mode.
  • Consider setting a maximum width for your widget.
  • Creating a custom widget

    Help your users to quickly access additional information by defining a custom widget. Widgets work best in situations where the data they present needs to be accessed at all stages of the case, but does not require complex analysis.

Have a question? Get answers now.

Visit the Support Center to ask questions, engage in discussions, share ideas, and help others.

Did you find this content helpful?

Want to help us improve this content?

We'd prefer it if you saw us at our best.

Pega.com is not optimized for Internet Explorer. For the optimal experience, please use:

Close Deprecation Notice
Contact us