Device preview includes a configurable list of common mobile devices
Valid from Pega Version 7.2.1
Pega Express device preview displays your application in a simulated mobile device. By previewing your application, you can view the user experience on a desktop, tablet, or phone. You can select from a list of common devices or add devices to the list by editing Pega-DevicePreview-Device.
For more information, see Previewing an application on a mobile device.
Ignore browser and operator locale to display Designer Studio in English
Valid from Pega Version 7.2.1
The operator preferences configuration includes the option to ignore the browser and operator locale. Some rulesets are shared between Designer Studio and end-user portals. Translated words might occasionally display in Designer Studio. Selecting the Ignore locale check box ignores the locale of the operator and browser to display Designer Studio portals in U.S. English only.
For more information, see Updating Designer Studio preferences.
Flexbox layout mode for dynamic layouts
Valid from Pega Version 7.2.1
The flexbox layout mode is available for dynamic layouts and is now the default layout mode for newly created dynamic layouts. In a flexbox layout, sections contained within the layout can grow or shrink to fit the available space, providing a more efficient way to distribute space between items in a container. Existing dynamic layouts can be converted to the flexbox layout mode. You can configure the layout mode on the Presentation tab of the Dynamic Layout property panel.
For more information, see Dynamic Layout Properties — Presentation tab.
Harness settings container format includes option for no markup
Valid from Pega Version 7.2.1
The harness container format includes a No markup option. This option removes the non-semantic table tags from the container header, making it more consistent with current UX best practices. The No markup option is required for the new flexbox-based dynamic layouts to work correctly in Internet Explorer 11.
For more information, see Harness form — Adding a container.
Field value inspector in Live UI
Valid from Pega Version 7.2.1
Easily identify and translate field values with the field value inspector. You can also use the field value inspector to validate translations and update missing or incorrect translations. The field value inspector is on the Localize tab of Live UI.
For more information, see Field Value Inspector.
Categorize repeating dynamic layouts
Valid from Pega Version 7.2.1
Rows of a repeating dynamic layout can be categorized by a property. Categorization is useful for creating date-based navigation or categorizing list items. You can also set the maximum height of a repeating dynamic layout in the Presentation tab of the repeating dynamic layout properties. You configure categorization on the Operations tab of the repeating dynamic layout.
For more information see Repeating dynamic layout - Operations tab.
Revamped view authoring in Cosmos React
Valid from Pega Version 8.6
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.
Loading cues in Pega Platform
Valid from Pega Version 8.6
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
Valid from Pega Version 8.6
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
Valid from Pega Version 8.6
With the new Cosmos React tables, you can now handle large data sets with no impact on performance or user experience. Cosmos React tables now also come with a rich set of field-type specific column formats, which you can conveniently change at design time as well as at run time, depending on your needs. For example, you can now do the following actions:
- Customize a date column from a default format (MMDDYY) to readable text ("10 days ago").
- Save the new setting in your personalized view.
- Freeze and rearrange columns.
- Enable aggregations (sum, min, max, avg) on the number and currency fields.
- Display aggregation values also at the grouped-row level.
The new enhancements make data in tables more easily explorable and significantly reduce the need to produce additional reports.
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).