Hi, When we are opening the user portal in a standard monitor (screen size like 19" and above), we are not getting any scroll bars where as when we use a small monitor of size 14" we are seeing both vertical and horizontal scroll bars. This is happening in Pega 7 and 6.3 SP1 as well. This is not a consistent user experience and how do we fix it? What is the Pega suggested screen resolution size for a user portal?
Another interesting part is the horizontal scroll bar is loaded with right alignment. i.e., when the screen is loaded the left side is shown as truncated as the scroll bar is coming to right end. Users have to move the horizontal scroll bar to the left to see the content.
The scroll bars are often specified by an attribute set to "auto" in the html which means that the scroll bars appear or not depending on whether they are needed. For instance, with "auto" as the attribute, if the screen resolution is large enough to show everything without a scroll bar, the bar is omitted by the browser.
However, that having been said, you may want to check all of the following:
Which portal are you using ? Is it one that is supported ? Sometimes Pega versions include older portals that are no longer supported.
Are you seeing the issue with an out-of-box login or do you only see it with a custom login ? Sometimes customer over-ridden rules affect the scroll bars.
What "skins" are you choosing ? Have you altered that setting ?
What browser are you using ? How does it vary if you use a different browser ? For instance, compare ie, firefox, and chrome.
If you clear the browser cache, does it make a difference ?
Uh oh, I'm hitting enter to try to end this bulleted list and it just keeps giving me more bullets . (I'm on ie11 ) /Eric
Could you please specify your Pega 7.1 version. We have Pega 7.1.1 , 7.1.2, .... 7.1.9 out for customers. I believe Pega 7 portal uses the dynamic layout and auto generated controls. Could you please double check the underlying OOTB Sections, make sure those sections use dynamic layouts and auto generated controls. If you are using Repeating grid layout, make sure Responsiveness option is checked under presentation tab in Repeat grid properties. Could you also post a screen shot for horizontal scroll bar.
The monitor size itself is less important, and you should concentrate on display resolution (and window size if it is not maximized)
In 6.3, if you were on a 14" monitor with a relatively low resolution, I would expect vertical/horizontal scroll bars.
(Picture what would happen with any generic non responsive old web page or even a large excel document)
In Pega 7 we've implemented a lot of neat responsive layout features to almost eliminate the need for horizontal scroll bars, as well as better support small form factor devices such as tablets and phones. But there are limits to this. If you squash your window size to something very small or have an extremely low resolution, then the horizontal scroll bar is bound to appear.
Can you offer more insight into what sort of resolution you are dealing with here?
The lowest modern day resolution I would consider reasonable is 1280x720 or 1280x800 if we are dealing with a 16:10 aspect ratio.
Assuming you are using that resolution or higher I would not expect a horizontal scroll bar in typical scenarios.
Your layouts should re-size dynamically and in some cases slide out of the way completely.
Thanks guys for your response. we are using pega 7.1.8 and resolution 1280*1024. and as I mentioned the horizontal scroll bar is right justified on load and the left side content is trimmed by default. users have to scroll left to see the content (usually it should be left justified).
i will try the options mentioned in this thread and will get back to you.