Support Article
TabbedScreenFlow7 harness does not resize correctly
SA-50881
Summary
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.
Resolution
Perform the following local-change:
- Copy TabbedScreenFlow7 and rename to TabbedScreenFlowMashup.
- Replace the usage of Work-.FlowActionHTML_Simple sections with Work-.pyCaseActionArea section.
- Remove buttons at the bottom of the harness definition. These will display through Work-.pyCaseActionArea.
Published March 24, 2018 - Updated December 2, 2021
Have a question? Get answers now.
Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.