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

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.

Suggest Edit

Published March 24, 2017 - Updated October 8, 2020

Did you find this content helpful? Yes No

Have a question? Get answers now.

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

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