Display expand/collapse icon to float right.
Hi Team,
I have a requirement to display the customized expand/collapsible icon position float to right.
Steps to Reproduce:
1. Added dynamic layout
2. select display header and title check box
3. change header type collapsible.
Happy to adjust the CSS but it should not affect every where. For ex the below CSS will float all expand / collapse icons to right
.header-left, .header-right { right: 0; left: unset; }
Thanks,
Satish
***Edited by Moderator Kayla to update Platform Capability tags****
Accepted Solution
Updated: 11 Jun 2020 3:24 EDT
Pegasystems Inc.
IN
Hi
For the Dynamic Layout you want the icons to right >> Under Presentation tab >> enable Display advanced presentation options >> In the Header css class >> add my_header or the name of class you want for specificity.
then add the css as
.my_header .header-left,
.my_header .header-right {
right : 0;
left : unset;
}
This could add same styling for that particular layout and wherever you need the icon towards right you can simply add the same class my_header that will work as expected.
Rabobank
AU
Hi Yathender,
Thanks for the reply. I will try this approach and share the results.