Question
PNC Bank
PNC Bank
US
PNC Bank
Posted: Apr 11, 2017
Last activity: Apr 13, 2017
Last activity: 13 Apr 2017 17:03 EDT
Closed
Solved
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!!!
To see attachments, please log in.
Accepted Solution
Posted: 7 years ago
PEGA
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
Posted: 7 years ago
PNC Bank
PNC Bank
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
To see attachments, please log in.
Posted: 7 years ago
Blue Rose Technologies GmbH
Blue Rose Technologies GmbH
BE
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.