Published Release Notes

Test ID added to repeating dynamic layouts

A unique Test ID property has been added to repeating dynamic layouts to support automated testing, enabling you to write dependable automated tests against any Pega application. By including this unique identifier in your automated testing, you ensure a higher level of productivity and reliability within your applications.

For more information, see Test ID and Tour ID for unique identification of UI elements.

Autogenerated controls have unique IDs

Autogenerated controls have a unique ID by default. This unique ID ensures that the Document Object Model (DOM) is HTML5-compliant and avoids problems that can be caused by elements having the same ID. The setting to enable or disable unique IDs is on the HTML5 Application Readiness page.

For more information, see Unique IDs in autogenerated controls.

New themes in App Studio

New themes in App Studio determine the default colors for elements in your user interface, such as buttons and links, as well as your typography. By selecting a theme in App Studio, you can quickly apply a consistent style to your application and save development time by not having to edit the application skin in Dev Studio.

For more information, see Changing your theme.

Select or edit a label format at run time

At run time in App Studio, when you edit a control, you can now select a new label format for the control or edit the currently selected label format. This change provides you with the flexibility to update control labels in real time as you process cases.

For more information, see Styling controls at run time.

Personalized table views

You can now configure tables so that users can personalize table views at run time. Users can specify which columns to display, resize and reorder columns, and set an initial sort order and initial column filter. When users save these personalized settings, the table displays the personalized view each time that users access the table.

Personalizing table views can help users work more efficiently by providing greater control over what data they see and how it is presented.

For more information, see Configuring a table for personalization.

AJAX container to host work items and harnesses

The new AJAX container can be used to host work objects, harnesses, or documents. The AJAX container provides design flexibility and improves the user experience by accelerating page loading. You can add the AJAX container from the Layout menu when you edit a section in a dynamic layout.

For more information, see AJAX container provides flexible display for work items.

Edit tables at run time

You can now edit tables at run time. For tables that have been configured to allow editing in App Studio, you can specify a visual style, change the table title, set the table pagination, add and remove columns, modify column titles, resize and reorder columns, and specify minimum and maximum column widths.

For more information, see Configuring a table at run time.

Pega Digital Experience API for creating consumer-grade interfaces

You can use front-end frameworks such as React and Angular to create a user interface that is backed by the powerful business logic of Pega Platform™. The updated Pega Digital Experience API leverages the OpenAPI Specification to enable Pega Platform to work with the front-end framework of your choice.

Click, record, and play UI scenario tests

You can now record, edit, and run scenario-based UI tests in end-user portals. By using scenario-based tests, developers focus on testing an application's ability to deliver real business value instead of writing code. Developers can test autogenerated and custom controls, actions, and navigation in a specific case or in an entire portal. Test recording is available on the run-time toolbar, and tests are available on a unified landing page that provides easy access to them. For more information, see Find and fix issues by using the Accessibility Inspector.

Support for inline helper text for editable form fields

You can now configure inline helper text for editable form fields. The helper text is always visible on the form, and you can style the text to override the helper-text CSS class in the Override CSS file in the skin.

Providing helper text in editable form fields helps users complete forms more quickly and efficiently.

For more information, see Adding a Text Input control.