Expand icons revert to default
Developer has customized 'Expand All' icon and they have used the following icon pi pi-arrows-ne-sw-separate.
This icon displays fine but on clicking it, the icon doesn't change to the join equivalent (pi pi-arrows-ne-sw-join).
If they click again (to collapse) it then defaults back to the out of the box expand and collapse icons.
The actual expand functionality is working throughout the application, it is just the icon for this functionality which seems to be impacted.
Steps to Reproduce
Create an Icon and configure "expand or collapse" action on onClick .
A defect in Pegasystems’ code or rules.
When user click the icon with the action “Expand/Collapse”, the JS that gets executed is the function toggleExpandCollapse in the rule pzpega_ui_doc_expandCollapse. In this script the class “iconExpandAll” and “iconCollapseAll” are explicitly set.
Perform the following local-change:
1. Create a custom css for the application skin.
2. Write the below code in the css file as shown below:
content: "\e0c1"; /* .pi-arrows-ne-sw-separate */
content: "\e0c2"; /* .pi-arrows-ne-sw-join */