Question
Allianz Deutschland AG
DE
Last activity: 20 May 2016 0:57 EDT
How to ignore the width of an appearing scrollbar
Hello everybody,
I have a question to you. I'm working with Pega 7.1.7 and have the following setting:
The application has to run in a window of a fixed size.
The Harness I use has 3 containers
- a header part,
- a middle part,
- and a footer.
The content of header and footer are known and don't cause any trouble.
However, the middle part can vary quite a lot. In particular, there are situations in which the fixed size of the window does not suffice and a scrollbar appears. The requirements about the colors then show an unaesthetic behaviour of Pega. As soon as the scrollbar appears, pega recalculates the size of the content window (the scrollbar is seemingly not considered to be part of the window). In particular, you can see that the containers are being "resized" as soon as the scrollbar appears, which is distracting (actually, you see a grey shape (container) "hopping") .
Therefore my question: Is it possible to tell Pega to ignore the scrollbar width? The padding I defined is more than sufficient to comfortably accomodate the scrollbar, and hence I don't require Pega's auto-resize.
Best regards,
Michael
Pegasystems Inc.
US
Hi Michael,
Its difficult to visualize the issue based on the description, however have you tried using Screen layouts (for your scenario Header Footer could work) ? Does the issue with scrollbar happen with screen layouts as well ?
Updated: 21 Mar 2016 4:14 EDT
Allianz Deutschland AG
DE
Hello Krithigassree,
yes, the problem remains with Screen Layout.
I also see that you need more information about the problem. Here are two screenshots which describe the behaviour.
You see the described "hopping" of the grey shapes, and the resizing as soon as the scrollbar appears.
Best regards,
Michael
Pegasystems Inc.
US
Hi Michael
1. Does the content of the "middle" layer change dynamically based on user input? Say user clicks on a radio button option, and based on the option selected the contents of the screen changes ?
2. Does the flicker with the scrollbar happen when the contents change or at initial load ?
3. Does the flicker happen across all browsers ? IE / Chrome ?
If the issue happens @ initial load and the behavior is the same across browsers, we probably would require a SR to discuss this further
Allianz Deutschland AG
DE
Hi Krithigassree,
- Yes the content of the "middle" layer changes dynamically. There is one button for a longer version of text. If this is pressed it is possible (but not necessary) that the content becomes too large for the given space and the scrollbar appears. Then you see the described flicker.
- If the content is too large at Initial load, then the scrollbar is already present. You then don't see any flicker, but this still impacts the layout (the content in the "footer" layer is alligned to the middle layer (when there is no scrollbar). As soon as the scrollbar appears, the allignment is not correct any longer.)
- This happens at least on IE and Firefox.
Best regards,
Michael
Pegasystems Inc.
IN
Hello Michael,
One possible solution would be to write a custom JavaScript code, which will check if scroll is present for the middle part or not. If yes, then adjust the padding accordingly.
Please try the above suggestion and get back to us with your findings.
Thanks!!