Support Article

Layout headers are getting truncated



User has a Dynamic Layout which is configured to have a "Header" and the caption is chosen as Text.
The Text contains mixed English and Arabic letters.
The entire text fits in the text field in designer studio in Chrome. It also renders correctly in Chrome at run time.
But in IE in both design time and runtime the Arabic characters are getting truncated and new line character is introduced somewhere in the middle of the preceding English text.

Error Messages

Not Applicable

Steps to Reproduce

Design time behavior:
  1. Open Pega designer studio in Internet Explorer.
  2. Create a section and drop a dynamic layout into it.
  3. Choose the Caption of the layout as a text.
  4. Paste a mixed text with English and Arabic letters.
  5. Observe the resulting text appearance in the concerned text field
  6. Save the section.
  7. Check the same design from a session in Chrome.

Run time behavior:

  1. Render the section through a flow action
  2. Observe the layout caption in both IE and Chrome

Root Cause

The overall font applied to the application skin is "Open Sans". With this font the mixed characters do not render properly on IE.


Perform the following local-change

Open the Skin rule which is referred by the portal.
Under Mixins change the overall font to Arial.

Published March 23, 2017 - Updated March 24, 2017

Have a question? Get answers now.

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