Question

6
Replies
408
Views
Lars.Ackermann Member since 2018 1 post
Greenfield Technology Aktiengesellschaft
Posted: January 22, 2019
Last activity: February 7, 2019
Closed
Solved

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 Interface
Moderation Team has archived post
Share this page LinkedIn