Published Release Notes

Extended support for Cosmos React tables in Pega Infinity applications

Cosmos React tables are now available to Pega Infinity™ pages. Previously, when you enabled Cosmos React UI for landing pages in your application, you could add the React-based tables only to landing pages. With this enhancement, you can also embed tables in a section that is part of your case view or dashboard page.

For more information, see Adding a React table to a section.

Enhanced run-time behavior of the currency and number controls

The currency and number controls now display separators at run time, even as the user types the values. When the user enters more than three digits, a locale-dependent separator immediately groups the digits into thousands in real time. For example, when a user who is based in the U.S. types 100000, the input field displays the number as 100,000. The currency control additionally displays currency symbols at all times, whether the input field is in focus or not.

This enhancement improves clarity and the user experience because the user no longer needs to move away from the field to see the formatting of the input, and typing long strings of numbers is now more convenient.

For more information, see Controls.

Theme management in Cosmos React

App Studio now features an updated interface for managing the look of the theme in Cosmos React environments. The theming page enables you to quickly rebrand the theme's component library by selecting fonts, colors, and logos, while also displaying a live preview of the UI. This enhancement provides a more intuitive way to adjust the presentation options in your React-based application, which saves development time and encourages prototyping and experimentation.

For more information, see Defining themes in Cosmos React. 

Improved support of browser actions in Cosmos React UI

Pega Platform™ applications that use the Cosmos React now maintain user settings for the duration of the session. For example, if a user applies filters and sorting to a table, and then opens a new document, the application retains the table settings when the user navigates back to the page by clicking the browser back button.

This change improves user productivity by reducing the need to repeatedly apply the same settings.

Improved modal dialog boxes

In Theme Cosmos applications, modal dialog boxes for case creation now support width customization. In addition to a bigger default width, the FlexModalTemplate format now includes the following CSS helper classes, which enable developers to adjust the width of dialog boxes:

• modal-width-1_5x – sets the minimum width to 960p.
• modal-width-2x – sets the minimum width to 1280p.
• modal-width-max-content – sets the minimum width to the maximum width of the content.

In this way, users can now more comfortably create entries that require more descriptive information, for example, bugs. In addition, the background of all modal dialog boxes is now translucent, which highlights the focus of the dialog box as the only active part of the UI.

For more information, see Modal dialog box.

Improved case previews and case utility enhancements

The collapsible preview panel in Cosmos applications has been enhanced. The preview panel now helps users complete assignments in the previewed case directly from the panel, to save time. The preview also includes a clickable case stage link which displays an overlay with the case life cycle and all its steps for better context.

Additionally, to help save screen space when a case is fully opened, the collapsed or expanded state of the utility panel now persists for all cases that you open in the same browser tab.

For more information, see Enhance the case processing experience in Cosmos Rules applications (8.6).

Multiple sessions in separate browser tabs or windows

Theme Cosmos applications introduce an enhancement to the existing ability to work on multiple cases simultaneously in separate browser tabs or windows. You can now open an entire application in, for example, two separate browser tabs, without one session refreshing and overriding the other. As a result, users gain more flexibility and freedom in how they work. 

For more information, see Adding a dynamic container to a portal.

Improved tabbed layout group

Tabbed layout groups now generate semantic markup, which helps conform to accessibility standards. As a result, the tabs in the preview panel support numbers, for example, for items that might require attention, and a horizontal scroll bar if the number of tabs does not fit the display.

For more information, see Enhance the case processing experience in Theme Cosmos applications (8.6).

Improved search results and screen space economy

Theme Cosmos applications now display search results in a new tab with a variety of filters. Consequently, users do not lose their content when they raise a search query, and can adjust their results by selecting from out-of-the-box filters, such as status or type.

The summary panel now also gives users more freedom in managing screen space by being collapsible. The collapsed panel moves to the top of the page and aligns the summary tabs horizontally, so that users can conveniently interact with complex lists.

For more information, see Enhance the case processing experience in Cosmos Rules applications (8.6).

Tabbed templates in portal authoring

Portal authoring in Pega Platform™ now includes tabbed templates that provide you with the tools to build complex user interfaces with less effort. The new templates help you save screen space and display the contents of your application in smaller, meaningful chunks.

For more information, see Configuring a tab-based landing page.