Published Release Notes

Responsive UI works with the Mobile Mashup SDK

Responsive UI elements now work inside of a mobile application that has been integrated with the Mobile Mashup SDK for either an iOS or Android mobile device. Using a responsive UI with your mobile application reduces development costs, since one UI functions in a similar manner when accessed from both desktop and mobile devices, making it easier to deploy an application across multiple device types.

See Mobile Mashup SDK integration for iOS and Mobile Mashup SDK integration for Android for more information on using the Mobile Mashup SDK.

Push Notifications for Android mobile applications

Push notifications can now be configured for Android mobile applications (push notifications previously only worked with iOS mobile applications). Use the Push Notification Smart Shape within a workflow to indicate when to trigger the notification.

If using a hybrid mobile application, in addition to using a Push Notification Smart Shape, you must also enable push notifications using the check box and appropriate fields on the Mobile tab (formerly the Mobile Settings tab) in Designer Studio. Note that using these custom fields when building a hybrid mobile application requires a Pega Mobile license.

For more information, see How to use push notifications with an Android hybrid mobile application.

Add a Push Notification Smart Shape in a workflow when using push notifications with an Android mobile application.

Mobile tab UI updates

The Mobile tab (formerly the Mobile Settings tab) on the Application Definition in Designer Studio includes an updated UI and enhanced functionality in this release. This includes:

• When using the default options on the Mobile tab, URLs and QR codes display that link to the Pega 7 mobile application download page on the Apple iTunes and Google Play app stores, providing easier direct access to this app.
• Push notifications can be enabled and configured for both iOS and Android hybrid mobile applications (previously, only iOS apps could use this feature).
  
  Configure push notifications for a hybrid mobile application using the updated fields on the Mobile tab
• Warning messages display when building a hybrid mobile application to assist users if any incorrect or incomplete information is entered into a required field.
  
  An example of an error message

​For more information, see PDN article How to build and brand a hybrid mobile application.

Updated Pega 7 mobile application

The Pega 7 mobile application, available for download in the Apple iTunes and Google Play stores, has been updated in this release. New features and enhancements include:

• iOS 8.0 support
• Android 5.0 Lollipop support (once released)
• App size reduced by over 30%
• Faster app download
• Improved logging
• New Javascript APIs available, including:
  • Native SQL API for custom offline app development
  • File transfer capability for background photo and video upload

Use the QR codes on the Mobile tab in Designer Studio to quickly access the Pega 7 mobile app download page.

Test ID added for unique identification of UI elements during testing

A unique Test ID property has been added 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.

Live UI enables runtime editing for less technical users, replaces UI Inspector and UI Tree

The previous UI Tree and UI Inspector tools have been replaced by the newly enhanced Live UI tool. Offering true WYSIWYG editing, less technical users can make UI adjustments at runtime and publish or discard changes on the fly through automated rule management using a new runtime branch governance model.

With Live UI, you can:

• Publish and discard records as a batch or individually.
• Display detailed information about Pega artifacts and open rules automatically at runtime.
• Inspect detailed setup for an element by opening its properties panel and then edit directly from within the UI (if enabled).
• Undo the last change you made in the tool.
• Copy items to the scratch pad for use in reporting.
• Display a breadcrumb trail that lists immediate ancestors.

You can make on-the-fly changes at runtime by clicking the gear icon to edit the properties panel.

Live UI is not supported in Internet Explorer 8. Internet Explorer 8 users will see the older UI Inspector tool in Designer Studio.

For more information, see How to use the Live UI tool.

Swipe action added for mobile navigation of layout groups

You can now swipe to navigate across available content in the tabbed or menu-style layout groups by simply enabling swipe on the layout group property panel.

With this setting, visible indicators appear on the left and/or right when there is additional content to view. The swipe indicators display when a user taps down on their touch device and disappears when the user taps up (lifts) from the screen or moves to another area. Additionally, you can use custom CSS to change the fade-in and fade-out behaviors of the swipe indicators.

Left and right swipe indicators in a layout group

For example, when you display a tabbed representation on a desktop that switches to a menu format at a breakpoint, the mobile user no longer has to select a menu option by touching the header to disclose the available menu item. Instead, the mobile user can simply swipe the content and navigate to either the next or previous layout and the menu updates to the current selected layout.

Actionable layouts improve mobile experience

Interactive layouts are now easier to use from a mobile device. With the added ability to specify events and actions on dynamic layouts rather than on individual items, you can deliver enhanced user interface interaction from a mobile device. For example, you can configure interaction with an entire tile rather than individual elements of the tile for easier tapping.

Configure an entire tile for easier interaction from a mobile device

From the Actions tab of the Dynamic layout properties panel, you can define an action set and then add events and actions. Actions on nested layouts or controls take precedence when acted upon.

Specify events and actions from the Actions tab of the properties panel

Update to UI-Kit-7:02-01-01 for latest features and mobile-ready Case Worker portal

The UI Kit ruleset (UI-Kit-7:02-01-01) contains the latest rules and a skin (pyEndUser71) for use in building or customizing Pega 7 user interfaces. Updating to this version allows you to take advantage of the newest features and styling, including a new responsive Case Worker portal.

Mobile view of the Case Worker portal

Like the Case Manager portal, the Case Worker portal is mobile-ready and provides case workers with a standard user interface for:

• Displaying a worklist of all open cases
• Viewing information about cases associated with case types defined in the Case Explorer
• Displaying a calendar view of work assignments
• Updating the user's profile

For more information, see Using the UI Kit ruleset.

Replacement for window.showModalDialog

With Google Chrome disabling showModalDialog in Chrome 37, it is recommended to upgrade your application to use auto-generated local actions. To make it easy to identify where showModalDialog is used in your application, an alert window displays when the window.showModalDialog API is used in your application.

An alert window provides better feedback than a JavaScript exception.