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 April 28, 2017 - Updated May 16, 2017

Have a question? Get answers now.

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