Question
Morgan Stanley
IN
Last activity: 9 Jun 2016 6:15 EDT
Chrome: Repeat grid displyaing differently
Repeat grid is being displayed differently in chrome and firefox.
I've used the container format default but in chrome the horizontal separators are missing. Is it an issue with the toolkit? We are on UI-Kit 4 version and Pega 7.2
Chrome Version: 50.0.2661.94 m
Firefox:
Chrome:
Tetrasoft India Private Limited
IN
Hi Avinash,
I can also see the same behavior in the 2 browsers while using UI-Kit-7 in Pega 7.2
So, it should not be an issue with toolkit.
Morgan Stanley
IN
oh.. I thought it has something to do with the UI-Kit.
Any idea on why the screens are different in chrome and mozilla?
Tetrasoft India Private Limited
IN
While browsing through web, I found :
https://groups.google.com/a/chromium.org/forum/#!topic/chromium-discuss/myYxO4EMj84
Probably because they define the border width as .5pt (0.5pt).
Half a point in CSS equals to 0.67 pixels (approximately).
Since a screen cannot show less than a pixel, less than a pixel equals no pixel - 0px, which essentially equals to no border.
Find and replace ":.5pt" with ":1px" in HTML and in CSS. That should fix it.
Related links:
http://stackoverflow.com/questions/17968878/css-border-color-does-not-work-in-chrome
http://stackoverflow.com/questions/21134229/border-css-dont-work-in-google-chrome
Morgan Stanley
IN
Seems like we have to open an SR with GCS and route it to engg team.
I believe this is something which has to come from them instead of us tinkering with css.
Pegasystems Inc.
IN
Hi
What is the style you are using ?Is it transparent, Default or Spreadsheet ?
Also, have you checked the behavior in UI Gallery ?
Morgan Stanley
IN
I'm using default container format for the repeat grid.
In UI Gallery grid is displayed as expected.
Pegasystems Inc.
IN
Once you go ahead and raise an SR as suggested by @Swati Damele , I request you to share the SR number here, so that we can track it for you within the thread.
Thanks,
Vidyaranjan A V | Community Moderator | Pegasystems Inc.
Tetrasoft India Private Limited
IN
Yes, please raise an SR for this then.
Pegasystems Inc.
GB
This behavior appears to be due to the style border-collapse:collapse being interpreted differently by Chrome and Firefox. The below example is from Chrome, and you can see that if I diable this style the row seperators (which are bottom borders to the cells) are displayed.
Accepted Solution
Hello,
Upon reviewing the corresponding SR, we see that it has been resolved. SA-23933 was created as a result of the investigation. Please reference that if you have the same question.
Regards,
Lochan | Online Community Moderator | Pegasystems Inc.