Lars Ackermann (Lars.Ackermann)
Greenfield Technology Aktiengesellschaft
Managing Architect BPM & CRM
Greenfield Technology Aktiengesellschaft
Lars.Ackermann Member since 2018 2 posts
Greenfield Technology Aktiengesellschaft
Posted: January 22, 2019
Last activity: February 7, 2019
Posted: 22 Jan 2019 10:15 EST
Last activity: 7 Feb 2019 2:02 EST

Howto render the Pega mashup without double scrolbars?

We are using a Pega mashup (in version 7.2.1) for going through a process and screenflow (depending on the situation up to 7 screens). Our issue is that the document inside the iframe varies in size and causes a second scrollbar to appear on the screen in many situations. The usual data pega onload / onresize attribute does not solve the issue.

The iframe document changes its height in different ways, for example when a repeating dynamic layout is being loaded through a later AJAX call or when UI visibility rules trigger actions (like showing additional input fields on selecting a radio option, etc.). Hence the "traditional" methods of setting CSS attributes on load or on resize don't work.

The scrollbars would disappear as soon as the iframe css height was set to the scroll height of the contained document - dynamically on each change.

Unfortunately, there is no extension point in the Reload Section activity where we could supply a JS function call taking care of the above.

Is there any way of aligning an iframe css height with the scroll size of the contained document that by itself changes its DOM? Or is there any recommendation from Pega how to leverage the mashup in said situation?

Low-Code App Development User Experience
Moderation Team has archived post, This thread is closed to future replies. Content and links will no longer be updated. If you have the same/similar Question, please write a new Question.