Lists and optimized tables now support the reorganization of their content by reordering items. By configuring repeating dynamic layouts and tables to support drag-and-drop modifications, you enable users to move items between lists and within lists and tables. This enhancement ensures that you can create a flexible and dynamic user interface that helps users display and manage data.
The drag-and-drop functionality can also include custom actions that automate the processes that run when users move items.
Optimized tables now support a table toolbar, that provides application users with the ability to adjust the data display to their needs. The toolbar conveniently groups several standard functions and custom actions. By using the toolbar, users can change the visibility of columns, group table data by fields, adjust the height of rows, and then save their personalized view. The toolbar is generated automatically, which provides a consistent design throughout your application.
App Studio now supports the management of access to pages in your application based on user roles. You can use this functionality to define which pages are visible for every role, for example, make an analytics page available only to an administrator.
In addition to general bug fixes, UI-Kit 14 provides new font icons and enhancements to support Pega Infinity Mobile Client™ apps, such as a default native search configuration for finding case data. The improvements reflect the latest design trends and Pega Platform™ UI capabilities. By using UI Kit's sample end-user UI styling and components, you provide a consistent user experience across your applications.
In addition, the UI-Kit 14 introduces the following changes:
The red triangle icon has been removed from error messages.
The color of the calendar icon is now consistent with other icons.
All caret down icons for auto-complete and multi-select lists use the caret-down.svg file.
Checkbox alignment has been improved with the reduction of the left margin by 1px.
The border-radius value has been reduced to 4px.
The background and box shadow for rich text editor have been removed.
The bottom margin for radio buttons has been removed.
The header height of the None container format has been changed to 50px.
The label font size has been changed to 14px.
The label and border color have been slightly darkened.
Valid from Pega Version 8.3
Harnesses can now contain up to three AJAX containers which helps you to use the screen area even more efficiently and effectively organize content on the screen.
The mobile app executable files now include font packages, which provides more flexibility in replacing and customizing the fonts. You can now style the native header and the bottom bar more effectively, and improve readability or branding. In native elements, both text and icons support custom fonts.
The enhanced Text control now supports referencing the parameters in the Property field, and a more flexible application of the Field Value, that you can now use in the Value field. As a result, you can now use more development options, increase reuse, and more accurately reference specific data.
Repeating dynamic layouts now support pagination, so that you can display extensive sets of data in smaller portions. Additionally, you can add custom icons or messages to inform users whether more data is available.
The new Anypicker control displays a drop-down list of values that you can group into expandable categories for faster browsing. To save time and improve search accuracy, the Anypicker control filters the available values based on the characters that the user enters.