Question
Alignment of Tabbed Repeating Layout
Hi,
We have requirement to align all the sections embedded inside tabbed repeating layout. As per the attached screenshot, sections are not properly aligned inside tabbed repeating layout and I guess this is pega out of the box way to handle all types of repeating layout. Can this be changed?
Accepted Solution
Hi AnandPandey,
Good to hear that the issue is solved by adjusting the alignment using developer tools.
Please find out the class and the properties for which you have made changes and add the class with the property changes in the UserWorkform in the <style></style> tags.
Also,you can share the screenshot of chrome inspector highlighting the changes you have made.So,that we can see the class and suggest changes.
Hi AnandPandey,
There is no option to change the alignment of the tabs in the tabbed repeat layout.By default the tabs are aligned horizontally.But in your case,there is an alignment issue with the sections embedded in the tabs.An extra space added before the section.
Can you please check if any inline style is present or if any padding is present by inspecting through developer tools?
Hi,
I was able to align them properly using the Chrome Developer Tool by adjusting margin and padding related settings (PFA the screenshot for current alignment). Could you please advise how can make this changes permanent in pega. I have seen several posts on PDN related to repeating layout alignment so I thought it's OOTB.
Accepted Solution
Hi AnandPandey,
Good to hear that the issue is solved by adjusting the alignment using developer tools.
Please find out the class and the properties for which you have made changes and add the class with the property changes in the UserWorkform in the <style></style> tags.
Also,you can share the screenshot of chrome inspector highlighting the changes you have made.So,that we can see the class and suggest changes.