Adjust styling for UI elements with standard CSS helper classes
Valid from Pega Version 7.3.1
Rather than creating a new skin format to make minor formatting changes to a user interface element, click the Open helper class picker icon on the Presentation tab of the Properties panel and select a predefined Cascading Style Sheet (CSS) helper class to apply to the element. For example, you can use a CSS helper class to center an element in a cell or layout. Using helper classes saves development time, reduces maintenance by limiting the number of customized skin formats, and improves the consistency of your application's look and feel. By avoiding the introduction of unnecessary static content, you also improve your application's initial loading time.
For more information, see CSS helper classes.
Preview and select icons with the icon class picker
Valid from Pega Version 7.3.1
To see the standard, predefined icons that are available for a Button, Link, or Icon control, use the Open the icon class picker icon on the General tab of the Properties panel. From an overlay of icons, you can then select the one that is most appropriate for your control. By using a predefined icon, you bring greater consistency to your user interface and help users more easily understand the purpose of each control.
For more information, see Previewing and selecting predefined icons with the icon class picker.
Update activity for button and link formats
Valid from Pega Version 7.3.1
To update existing Button controls or Link controls to current, simplified formats (Strong, Standard, and Simple), use the pzUpdateButtonLinkFormats activity. Using the report definition and other parameters that you specify, the system retrieves the sections to be converted, loops through each section rule to find Button controls and Link controls, and updates their formats.
For more information, see Updated button and link formats and Update-Button-Link-Formats.
Changes to User Interface menu in Designer Studio
Valid from Pega Version 7.3.1
The menu in Designer Studio has changed. For example, menu options related to localization are now grouped under Application readiness.
For more information, see Designer Studio - Landing Pages.