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
IQZ Systems
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.