Issue

When the user configures a layout group with 10 or more tabs where one of them has a nested layout tab, on selection of the tabs, the tab headers scroll to the left of the screen. 

Impact

The incorrect left scrolling of tab headers causes distortion in the User Interface.

Steps to reproduce

1. Configure a Layout group of type ‘Tab’ with 10 or more layouts.
2. Add one more Layout group inside any of the tabs to configure nested tab layout structure.
3. In the run time, click the tabs. 
4. The tab headers scroll towards the left causing a distorted UI. Refer to the video below:

Root cause

A defect in the Pega Platform code or rules.

Workaround

1. Open the Layout group properties pop-up window of the main layout group.
2. Select Allow scroll for tab headers. Refer to the figure below:

Environment

Version found in

The following Pega Platform versions reported this issue:

• Pega Platform^TM 23.1.1
• Pega Platform 23.1.2
• Pega Platform ’24.1

Version fixed in

The following Pega Platform version fixed this issue:

• Pega Platform 23.1.3

For more details, refer to Pega Platform 23.1.3 Patch Resolved Issues.

This issue is planned to be addressed in future Pega Platform releases too. This section will be updated when the releases are available.

As a best practice, update your Pega deployment to the latest release as explained in Keeping current with Pega.

References

• Creating a dynamic layout group