Question
Wipro
US
Last activity: 23 Sep 2015 9:17 EDT
screen resolution issue
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.
Sri.
Accepted Solution
Wipro
US
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.
Sri.
Pegasystems
US
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
Wipro
US
Eric,
Thanks for the update. here are the details...
- Which portal are you using ? Is it one that is supported ? Sometimes Pega versions include older portals that are no longer supported.
Sri: We are using the latest 7 portal
- 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.
Sri: We are using SSO login but no issues with wider screens. No rules related to the scrollbar/UI were overriden
- What "skins" are you choosing ? Have you altered that setting ?
Sri: we are using EndUser71 skin
- What browser are you using ? How does it vary if you use a different browser ? For instance, compare ie, firefox, and chrome.
Sri: We tested in both IE and chrome and the same behavior
- If you clear the browser cache, does it make a difference ?
Sri: yes we did hat and no difference.
Sri.
Citicorp Services India Private Limited
IN
Hi Sridhar,
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.
Please make sure you have defined break points for each of the layouts for different resolutions https://pdn.pega.com/about-prpc-layouts
Please let me know if this helps,
Thanks,
Gowrishankar.
Pegasystems
US
I would like to hear from other folks on this matter, but I'm also curious to try it. What exact portal are you using, and what Pega version. Thanks. /Eric
Hi Sri,
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.
Accepted Solution
Wipro
US
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.
Sri.