Question
![](https://accounts.pega.com/sites/default/files/pega-user-image/898/REG-897794.png?source=PUMINIT)
![](https://accounts.pega.com/sites/default/files/pega-user-image/898/REG-897794.png?source=PUMINIT)
Commonwealth Bank Group
IN
Last activity: 10 Jul 2019 4:34 EDT
Table with a page list as a source does not display correctly in IE 11, works well on chrome
Tables with a page list as a source does not display correctly in IE 11, works well on chrome.
We are using Pega V7.4.
Please advise.
Regards,
Rashmi
-
Like (0)
-
Share this page Facebook Twitter LinkedIn Email Copying... Copied!
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/2023-04/51cad6f8-684b-4abf-ac77-328f19a9c10b.png?itok=RVtYkDY4)
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/2023-04/51cad6f8-684b-4abf-ac77-328f19a9c10b.png?itok=RVtYkDY4)
Pegasystems Inc.
US
Hi,
Are you facing alignment issues in IE 11 ,could you please attach the screenshots .
![](https://accounts.pega.com/sites/default/files/pega-user-image/898/REG-897794.png?source=PUMINIT)
![](https://accounts.pega.com/sites/default/files/pega-user-image/898/REG-897794.png?source=PUMINIT)
Commonwealth Bank Group
IN
Yes, I am facing alignment issues. Unfortunately, I am not allowed share screenshots of the same.
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/2023-04/51cad6f8-684b-4abf-ac77-328f19a9c10b.png?itok=RVtYkDY4)
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/2023-04/51cad6f8-684b-4abf-ac77-328f19a9c10b.png?itok=RVtYkDY4)
Pegasystems Inc.
US
Ok Could you please try the following.
1.Place the grid inside a dynamic layout
2.Open that dynamic layout properties, in the presentation tab select the legacy code option .
Please check the behavior after making these changes.
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689969000/00925691-046f-427f-b298-b0b0bddacff2.png?itok=BZEgrhpj)
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689969000/00925691-046f-427f-b298-b0b0bddacff2.png?itok=BZEgrhpj)
Pegasystems Inc.
IN
Hi Rashmi,
Can you try increasing the cell-height of the row element, if it is a row-alignment issue?
If the screen is going beyond the expected size, you should try giving 'Overflow: auto' and check.
In any case, you should provide some reference for your issue to give a proper solution.
![](https://accounts.pega.com/sites/default/files/pega-user-image/898/REG-897794.png?source=PUMINIT)
![](https://accounts.pega.com/sites/default/files/pega-user-image/898/REG-897794.png?source=PUMINIT)
Commonwealth Bank Group
IN
Hi,
Tried the below two suggested approaches, now it just blinks the correct UI for one split second and gets back to the old distorted view.
1) Layout width to auto
2) Place the grid inside a dynamic layout. Now open that dynamic layout properties, in the presentation tab select the legacy code option .
Any help is greatly appreciated.
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/2023-04/51cad6f8-684b-4abf-ac77-328f19a9c10b.png?itok=RVtYkDY4)
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/2023-04/51cad6f8-684b-4abf-ac77-328f19a9c10b.png?itok=RVtYkDY4)
Pegasystems Inc.
US
1.Have you tried changing the width of content in grid presentation tab .?
![](/profiles/pega_profile/modules/pega_user_image/assets/user-icon.png)
![](/profiles/pega_profile/modules/pega_user_image/assets/user-icon.png)
Optum
IN
Hi,
Is this an issue where the column width becomes too large and you get a horizontal scroll bar at the bottom in IE11?
![](https://accounts.pega.com/sites/default/files/pega-user-image/898/REG-897794.png?source=PUMINIT)
![](https://accounts.pega.com/sites/default/files/pega-user-image/898/REG-897794.png?source=PUMINIT)
Commonwealth Bank Group
IN
That's right.
The column width becomes too large and we cant see the data beyond the first column.
![](/profiles/pega_profile/modules/pega_user_image/assets/user-icon.png)
![](/profiles/pega_profile/modules/pega_user_image/assets/user-icon.png)
Optum
IN
Did the local-change to change dynamic layout properties to legacy code not work?
Another thing you can try is saving the top level screen layout as a container.
![](/profiles/pega_profile/modules/pega_user_image/assets/user-icon.png)
![](/profiles/pega_profile/modules/pega_user_image/assets/user-icon.png)
Pegasystems Inc.
IN
HI,
Please share the screen shot ,in which erase/blur the content which shows any buisness data.
And also if it is coming for a second ,then it might be due to application css which is overriding this or could be a cache issue.
![](https://accounts.pega.com/sites/default/files/pega-user-image/898/REG-897794.png?source=PUMINIT)
![](https://accounts.pega.com/sites/default/files/pega-user-image/898/REG-897794.png?source=PUMINIT)
Commonwealth Bank Group
IN
Tried the container approach as well. Does not help.
![](/profiles/pega_profile/modules/pega_user_image/assets/user-icon.png)
![](/profiles/pega_profile/modules/pega_user_image/assets/user-icon.png)
Optum
IN
I would advise you to raise an SR as it is difficult to investigate UI alignment related issue without any screenshots.
![](https://accounts.pega.com/sites/default/files/pega-user-image/898/REG-897794.png?source=PUMINIT)
![](https://accounts.pega.com/sites/default/files/pega-user-image/898/REG-897794.png?source=PUMINIT)
Commonwealth Bank Group
IN
Hi All,
Please find the screenshots attached with data masked for your triage.
Regards,
Rashmi
![](/profiles/pega_profile/modules/pega_user_image/assets/user-icon.png)
![](/profiles/pega_profile/modules/pega_user_image/assets/user-icon.png)
Optum
IN
Hi,
Could you also provide the screenshot of what it is supposed to look like? As in the behavior in Chrome.
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689968000/0b8d2ee8-8ef3-4265-b11f-1689ec86e260.png?itok=xdXaqBDY)
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689968000/0b8d2ee8-8ef3-4265-b11f-1689ec86e260.png?itok=xdXaqBDY)
Pegasystems Inc.
US
Hello! Can you try the following:
1. Open the layout containing the grid layout
2. Open the layout properties and goto the presentation tab
3. Try changing the layout mode from "Flexbox" to "Inline-block"
Let us know if this helps.
Note: If there are multiple nested layouts, then try doing the same for each layout.
![](https://accounts.pega.com/sites/default/files/pega-user-image/898/REG-897794.png?source=PUMINIT)
![](https://accounts.pega.com/sites/default/files/pega-user-image/898/REG-897794.png?source=PUMINIT)
Commonwealth Bank Group
IN
Hi, Please find the screen shot appended with the expected alignment (Chrome screenshots).
-Rashmi
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689968000/0b8d2ee8-8ef3-4265-b11f-1689ec86e260.png?itok=xdXaqBDY)
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689968000/0b8d2ee8-8ef3-4265-b11f-1689ec86e260.png?itok=xdXaqBDY)
Pegasystems Inc.
US
Hi Rashmi, could you please share the snapshots of the configuration of layout and the grid layout?
Also are you able to reproduce this with the grid layout in UI Gallery? If not, then it must be an issue with your section. Do a private check-out of the OOTB grid layout from the UI gallery and try to compare that with yours and share the results.
![](https://accounts.pega.com/sites/default/files/pega-user-image/898/REG-897794.png?source=PUMINIT)
![](https://accounts.pega.com/sites/default/files/pega-user-image/898/REG-897794.png?source=PUMINIT)
Commonwealth Bank Group
IN
Hi, Please find all the requested screenshots in the attached document.
-Rashmi
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689968000/0b8d2ee8-8ef3-4265-b11f-1689ec86e260.png?itok=xdXaqBDY)
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689968000/0b8d2ee8-8ef3-4265-b11f-1689ec86e260.png?itok=xdXaqBDY)
Pegasystems Inc.
US
I don't see any issues with the configuration. Can you please try the following:
1. Do you see the same behavior with the grid/table layout in UI Gallery? Do a private check-out of the OOTB grid layout from the UI gallery by clicking "View design-time configuration" and try to compare that with yours and share the results.
I don't see any issues with the configuration. Can you please try the following:
1. Do you see the same behavior with the grid/table layout in UI Gallery? Do a private check-out of the OOTB grid layout from the UI gallery by clicking "View design-time configuration" and try to compare that with yours and share the results.
2. If the answer is No for the above question, the issue is with your section/layout. Did you update/override the default layout format? Please try embedding the grid layout directly in the top-most section and share the results.
3. Try pointing your application to the OOTB skin rule and see if you see the same issue.