Skip to main content

This content is closed to future replies and is no longer being maintained or updated.
Links may no longer function. If you have a similar request, please write a new post.

Question

 Santhosh Kumar Buddha (santhoshkumarbuddha)
Cognizant
Technical Lead
Cognizant
IN
santhoshkumarbuddha Member since 2015 6 posts
Cognizant
Posted: Apr 13, 2020
Last activity: Jun 10, 2020
Posted: 13 Apr 2020 6:51 EDT
Last activity: 10 Jun 2020 9:06 EDT
Closed

Change placement of collapsible icon in 7.x

Hi Team,

I want to display the collapsible icon position from left to right corner.

Steps to Reproduce:

1. Added dynamic layout

2. select display header and title check box

3. change header type collapsible.

Find the Attachment for the expected behaviour.

Thanks,

Santhosh.

To see attachments, please log in.
Pega Platform 7.1.8
User Experience
Experience Designer

Posted: 4 years ago
Updated: 3 years ago
Posted: 13 Apr 2020 7:31 EDT
Updated: 14 Jun 2021 7:38 EDT
Pavan Kalyan Kanaparthi (kanap2)
PEGA
Senior System Architect
Pegasystems Inc.
IN

Please add the below code to the CSS file of the application, then the collapsable icon will be displayed at the right.

.header-left, .header-right {
	right: 0;
  left: unset;
}

 

To see attachments, please log in.
Posted: 4 years ago
Updated: 4 years ago
Posted: 10 Jun 2020 5:05 EDT
Updated: 10 Jun 2020 5:06 EDT
SatishKumar Tanappa (Satish)
Optus
Lead Developer
Optus
AU

Hi Santosh,

 

Would you able to resolve this puzzle, if so can you please share the solution? I have got a exact requirement also i need to customize the expand / collapse icons as well.

 

Thanks in advance.

To see attachments, please log in.

We'd prefer it if you saw us at our best.

Pega Collaboration Center has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice