Support Article
Tree grid embedded in repeating layout does not allign columns
SA-5137
Summary
You observe that a tree grid embedded in a repeating layout has an alignment issue (i.e. the rows of the first collumn are not in same line with the corresponding rows of the other columns).
If the mode is editable then the issue can be observed in the below mentioned cases:
- You put the repeating tree grid in a section directly, it looks fine but still there are minor alignment issues as the number of rows increase.
- You put a section containing the same Repeating Tree Grid in a repeat grid.
- You put a section containing the same Repeating Tree Grid in a tabbed repeat.
If it is not in an editable mode then the issue ocurrs in 3rd case but not the 1st and 2nd.
Error Messages
N/A
Steps to Reproduce
Try the mentioned scenarios to reproduce the issue or just embed out of box section - pyUIGalleryTreeGridWrapper under a repeating tab
Root Cause
Root cause is that .repeatTabbed UL LI was setting the height to 34px in pyEndUser71 skin rule and this selector is also matching grid ul Li same 34Px is applied to tree grid left UL li .
Resolution
This can be fixed by doing the following:
- Open py-enduser71-workarea-overrides. This is an available css file so you can customize this.
- Add the following at the bottom most.
height: auto;
}
Published January 31, 2016 - Updated October 8, 2020
Have a question? Get answers now.
Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.