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:

References

• Creating a dynamic layout group