Question
Maantic Inc
US
Last activity: 17 Jul 2017 15:42 EDT
Background color display issue
Hi,
When I get horizontal scroll bar in the screen, background color is not displaying in expanded area. It is shows in grey color.
Version pega 7.2.1
#UI #BGcolor
Accepted Solution
Updated: 13 Jul 2017 2:06 EDT
Pegasystems Inc.
US
Hi John Paul Raja,
PFA simple html where you would see similar behavior. (File background-color-display-issue.txt is attached as txt file, change it to a html file to see the behavior.)
The reason over here is, body element has a different background compared to html element, and body element background is rendered in the viewport area, and when you scroll the page you see the background color set on html element.
Solution can be to set same background color on both these elements
Sai.
Incessant Technologies
IN
Hi John,
To Fix the issue, you need to check the class of that particular section from Developer tool, once you get the class then keep the class into any of your additional style class, then set background color as required.
Ex. class name { background-color:#color code;}
Thanks,
Vineetha