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.
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.
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.
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.
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.
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.
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.
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.
Valid from Pega Version 8.1
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.
Valid from Pega Version 8.1
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.