SA-22782

Summary

User is having issue in a repeating grid layout which is having more than 15 columns, as some columns are not visible on the screen due to missing horizontal scroll.

Error Messages

Not Applicable.

Steps to Reproduce

1. Create a new style format for tab group layout in skin rule.
2. Use that format in tab group layout inside a section.
3. Add  repeating grid with more than 10-15 column and keep it in a section.
4. Include that section in a tab.
5. Run the flow.

Root Cause

A defect in Pegasystems’ code or rules.

When a style format is created in the skin rule for Tab Layout, using add new style or clone existing format, at run time for the new layout format overflow is set as hidden due to which contents are hidden, if it exceeds the screen width. Horizontal scroll-bar does not appear.

Resolution

Perform the following local-change:

Add below style in a new CSS rule and use that CSS rule in skin under additional CSS tab:

.tabContent .sectionBodyContainerCustomHead{
overflow:auto;
}

But with the above fix once user scrolls to right, background color of the container, if for layout Container format is set other than None is not coming to right side.

To overcome this, below  change must be added:

.layout-outline>.layout-body, .layout-noheader-gridcontainer>.layout-body {
overflow: auto;
}