Published Release Notes

Optimized dynamic layout for sections with no container format or header

You can set dynamic layouts to use the new optimized layout mode. When optimized, the dynamic layouts that do not include a container format or a header no longer generate extra container and body DIVs. The depth of the Document Object Model (DOM) is reduced, which makes the layouts easier to maintain. Selecting this option also enables automatic updates for new markup with each release, so that you stay current with improvements to dynamic layout markup.

You can use an Upgrade tool to convert sections that use the legacy dynamic layouts to use the new optimized dynamic layout.

For more information, see Upgrading legacy dynamic layouts to use the optimized dynamic layout.

Add and manage landing pages in App Studio application menus

When working in App Studio, you can now create landing pages that are not directly associated with a case flow to make your application more informative. The landing pages are a good place to display the resources that are related to a case, images as well as text. Configure them to provide an overview of the work, workers, teams, reports, or any information that is available.

For more information, see Creating a landing page. 

Mobile apps now use custom-generated skeletons for page transitions

Mobile harnesses are now configured with custom-generated skeletons. Used during page transitions, skeletons render a temporary placeholder UI that closely matches the actual UI while data is being loaded from the data store. The use of skeletons enhances the user experience by providing a smooth transition while data is being loaded.

Skeleton transitions work with both dynamic and Ajax containers on the mobile client but work only with the Ajax container on tablets and desktops.

For more information, see Transition effects on actions.
 

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).