Skip to main content

This content has been archived and is no longer being updated. Links may not function; however, this content may be relevant to outdated versions of the product.

Support Article

TabbedScreenFlow7 harness does not resize correctly



When using a Screen Flow in a Pega Web Mashup using TabbedScreenFlow7 harness, the harness does not resize correctly when moving forward or backward through the screen flow.

The button bar always displays as the bottom visible area creating scroll bars when there are several UI elements and rows, and white space when there are few elements and rows.

Error Messages

Not Applicable

Steps to Reproduce

Create a Pega Web Mashup that displays a Screen Flow.

Root Cause

TabbedScreenFlow7 buttons are defined in the harness button area. This works correctly when displayed in a PRPC user portal. In a Pega Web Mashup, the behavior of the flow action buttons causes either unwanted scroll bars or large areas of white space.

In a Pega Web Mashup the screen flow buttons must display directly below the content of the flow action.


Perform the following local-change:
  1. Copy TabbedScreenFlow7 and rename to TabbedScreenFlowMashup.
  2. Replace the usage of Work-.FlowActionHTML_Simple sections with Work-.pyCaseActionArea section.
  3. Remove buttons at the bottom of the harness definition. These will display through Work-.pyCaseActionArea.

Published March 24, 2018 - Updated December 2, 2021

Was this useful?

0% found this useful

Have a question? Get answers now.

Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.

Did you find this content helpful?

Want to help us improve this content?

We'd prefer it if you saw us at our best.

Pega Community has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice
Contact us