Horizontal Scroll Bar is not showing up in IE
Hi guys,
We have about 20 columns grid and the horizontal scroll bar wasn't showing up. I looked for solution on PDN and found the excerpt of the code that needs to be implemented into UserWorkForm fragment. I implemented it and the issue was resolved in Chrome, however is still in IE. Is there another solution specific for IE?
Thanks,
Larisa
***Moderator Edit: Vidyaranjan | Updated Categories***
Accepted Solution
Pegasystems Inc.
IN
Hello Larisa,
I am able to display grid(Width of content = Pixels(Fixed); Grid size (in pixel) = 700x500) with horizontal and vertical scrollbar by specifying more than 20 columns. Refer the below screenshot:
I tried on the OOTB UI Gallery grid sample. Could you try to set grid of fixed pixel and verify if the horizontal scroll bar appears at your end in IE.
Is the grid inside Dynamic layout? If yes, do you see the behavior if the layout mode(under Presentation tab) is modified.
Regards,
Rincy
Pegasystems Inc.
IN
Hello Larisa,
Thanks for posting your query in PSC :)
Could you share the code snippet that is implemented into UserWorkForm fragment or share the referred PDN article.
Regards,
Rincy
Virtusa
US
Hi Rincy. I found two articles and both refer to the same fix that I implemented:
RESOLUTION
Perform the following local-change steps:
1. Identify the appropriate section in the markup hierarchy.
2. Target the div pertaining this section and add below code in UserWorkForm:
<style>
div#RULE_KEY[node_name="pzActionAreaContent"]{
overflow-x: auto;
}
</style>
Pegasystems Inc.
IN
Hello Larisa,
Thanks for the response. I am trying to replicate the use case at my end.
I will keep you posted with my observation.
Regards,
Rincy
Accepted Solution
Pegasystems Inc.
IN
Hello Larisa,
I am able to display grid(Width of content = Pixels(Fixed); Grid size (in pixel) = 700x500) with horizontal and vertical scrollbar by specifying more than 20 columns. Refer the below screenshot:
I tried on the OOTB UI Gallery grid sample. Could you try to set grid of fixed pixel and verify if the horizontal scroll bar appears at your end in IE.
Is the grid inside Dynamic layout? If yes, do you see the behavior if the layout mode(under Presentation tab) is modified.
Regards,
Rincy
Virtusa
US
Hi Rincy.Thank you for your advise. I adjusted the fixed size and it works as a charm now. Also the overflow in the UserWorkForm is, as I copied in my previous message, "overflow-x: auto;"
Regards,
Larisa