Skip to main content

This content has been archived and is no longer being updated. Links may not function; however, this content may be relevant to outdated versions of the product.

Support Article

Collapsible icon is getting displaced

SA-37235

Summary



The arrow (Collapsible icon) pointing towards the section title looks fine before expansion.

But when user tries to expand the section, sporadically the arrow pointing towards title moves slightly down.


Error Messages



Not Applicable


Steps to Reproduce

  1. Include a section included inside a parent section.
  2. In the general tab of the section include properties, set the header type as collapsible.


Root Cause



A defect or configuration issue in the operating environment

In a inline dynamic layout, sections are included with collapsible headers.

Length of labels for the headers is more hence could not adjust in the provided space.

Resolution



Perform the following local-change:

Increasing the width of the div element resolves the issue:

1. Create a custom section with the below style in it:
<style>

.layout-outline>.Expanded>.header-bar{
min-height: 26px;
width:300px !important;
}
</style>

2. Include this custom section in the main section where the issue is seen.

Published May 16, 2017 - Updated October 8, 2020

Was this useful?

0% found this useful

Have a question? Get answers now.

Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.

Did you find this content helpful?

Want to help us improve this content?

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

Pega Community 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
Contact us