Question

2
Replies
69
Views
Satish Member since 2012 14 posts
Optus
Posted: 3 months ago
Last activity: 3 months 1 week ago
Solved

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****

Pega Platform 7.4 User Interface
Close popover
Accepted Solution
Posted: 3 months ago
Updated: 3 months ago

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.

 

Posted: 3 months ago

Hi Yathender, 

Thanks for the reply. I will try this approach and share the results.

 
Share this page LinkedIn
Copied!