Published Release Notes

Revamped view authoring in Cosmos React

Applications that use Cosmos React now feature updated case and portal authoring tools, including more templates, improved view editing, and more intuitive management of UI components.

This change empowers citizen developers to build applications through configuration as opposed to customization, and reduces development time while also providing a prescriptive environment for creating optimal customer experience.

For more information, see Configuring forms and views.

Improved UI accessibility

Pega Platform™ now supports W3C Web Accessibility Initiative guidelines more fully, which creates a better user experience for people who rely on assistive technologies, such as screen readers.

The user interface now features the following enhancements:

• Improved keyboard navigation and updated ARIA attributes for layouts, including dynamic, repeating, and table layouts.
• Updated navigation for AJAX and dynamic containers.
• More precise keyboard navigation and focus control for pop-up components, such as SmartTips.
• Fixed accessibility gaps in out-of-the-box actionable controls and form components, such as buttons and text fields.
• More accessible error messages with improved color schemes and focus control. To meet the WCAG ARIA guidelines, the Show next Error bar has been retired and substituted with more accessible error symbols.
• Accessibility code included in the Pega Platform ruleset by default, without the need for additional configuration.

For more information, see Supported keyboard navigation.

Improved scroll functionality in vertical tabs

When you scroll content in an application that uses the Cosmos theme, the UI now remembers the scroll position even if you switch between vertical tabs, for example, in the case details section. Previously, the application reset the page to the topmost position every time you switched tabs. This update improves the user experience by reducing context switching.

Loading cues in Pega Platform

Pega Platform™ applications that rely on the Cosmos React framework now feature a visual placeholder for the page that is being loaded. The system displays an indicator when loading portals, cases, simple pages, and list pages. This update provides users with a visual cue that their request is being processed, which improves the user experience.

Support for picklists with parameterized data pages in App Studio in Cosmos React UI

You can now use data pages with parameters to populate a property of the picklist type with filtered results in App Studio. For example, in a survey case type, you can use a parameterized data page to configure cascading drop-down controls in which the values in a secondary drop-down list are based on the value that the user selects in the primary drop-down list. With dynamically-sourced picklists, you get greater flexibility in configuring picklists, and users see more accurate values.

For more information, see link Dropdown control Properties — General tab.

Enhanced performance and usability of Cosmos React tables

Enhancements in list view authoring and run-time editing of Cosmos React tables

Cosmos React tables now offer an enriched and more convenient way of authoring and editing. You can now achieve the following results:

• Enable editing in the list view template that holds your table so that users can instantly change values inline or preview and edit a referenced object from the table in a pop-up window.
• Change the label, format, or helper text for a column at design time.
• Create multiple preset views with different filters, and switch between these views at run time.
• Perform a variety of optional actions on a table row, such as update, change stage, preview, and open a row in a new tab.

These enhancements result in a better user experience by making tables more customizable, intuitive, and interactive.

For more information, see Enhance the user experience with new Cosmos React tables (8.6), Configuring a React table in a section (for Theme Cosmos applications), and Configuring lists (for Cosmos React applications).

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.