Question
Cognizant Technology Solutions
IN
Last activity: 25 Jan 2020 8:15 EST
Scroll bar is not adjusted as per screen content while zooming in Internet Explorer
Hi,
We are trying to zoom-in the content in Internet Explorer. When zooming in, we can see the scroll bar is not being adjusted per the content.
It's taking a reload to get a proper scroll bar that fits the content.
How can this be resolved so that the reloading is not required? The zoom can happen up to 200%.
Thanks,
Sayantan
***Moderator Edit-Vidyaranjan: Updated Platform Capability***
Pegasystems Inc.
US
It is very hard to tell what can be done in this case as of now. Can you please attach the screenshots(how it is, how you would like it to be). Moreover, where is the scrollbar coming from in UI?
You can refer to my support video to know how we can check that using Developer's tools.
https://community.pega.com/video-library/how-troubleshoot-when-application-skin-not-picked
Cognizant Technology Solutions
IN
Thanks for the help, Rachit.
Sharing below observations -
When opened in IE I can see a specific height is mention in inline style (From-IE.png in attachment). If I remove it in debugging mode then the scrolling works fine.
When opened in Chrome, there is no Height specified at all (From-Chrome.png in attachment).
Trying to figure out where from this styling is coming in. Any suggestion would be very helpful.
Pegasystems Inc.
US
Thanks. But can you please share the entire screen screenshots(in both cases) so that I can see the div, classes on which the CSS is applied.
Also, check if this scrollbar is coming on a section. To confirm that in a div element, you should see a node_name attribute whose value will be the name of the section. For example, a section name is "Testscroll", the attribute will be <div node_name="TestScroll">
Cognizant Technology Solutions
IN
Thanks for your reply.
Attaching the corresponding snippets from both IE and Chrome.
Also, please find how the scroll bar looks like in IE in IE-Scroll.png. The Scroll bar is highlighted (in Yellow) in the image and that ends there. But there are contents below it in the screen which can not be scrolled.
Pegasystems Inc.
US
Okay, so there are now 2 ways to solve this issue.
1) Find out where the CSS is coming up. There is a troubleshooting video on this - https://community.pega.com/video-library/how-troubleshoot-when-application-skin-not-picked. Please check if this helps you find where this css is coming up.
2) Override the existing CSS with the below code in userworkform.
<style>
#workarea .yui-module#staticModule, #workarea .static-dc-tab{
height: 100% !important;
}
</style>