Question
Cognizant Technology Solutions
US
Last activity: 13 Apr 2017 17:03 EDT
How to Change the alignment of the field inside a Bar/Collapsible Container Header in Pega 7.2?
How to reproduce:
1. Drag a Dynamic layout and in the General tab check "Display header and title"
2. Enter a Title and choose a Header type as Bar/Collapsible
3. Check you will see a Field will be visible to the extreme right of header
How to make the header left aligned? I didn't see any option in the skin rule.
Problem mentioned in the attached image: Header Label Position
Please help me asap as customer is after me!!!
Accepted Solution
Pegasystems Inc.
US
Hi,
I followed your step and reproduced the scenario in my Pega 7.2.2 system.
I used F12 Developer Tools and captured styles of that field (added at the right of header).
It was ".header-title-table" which had property values: "float: right" and "text-align: right;"
I changed it to be "float: left" and "text-align: left;". Then the field was moved to the left side.
Please check my attached three snapshots.
Thanks,
Susan
Cognizant Technology Solutions
US
Hi Susan,
Thank you for checking my problem!!!
Is there anyway we can add those tag in the skin rule somewhere for an uniform solution?
Regards,
Ismail
Pegasystems Inc.
IN
Hello ,
you can write the below code suggested by Susan in UserWorkForm and try the use-case.
<style>
.header-title-table {
float: left ;
text-align: left;
}
<style>
Please let me know if it helps.
Cognizant Technology Solutions
US
This really helped. Thank YOU both!!! :)