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

"Show Smart Tip" bubble does not align to related property

SA-23486

Summary



Show Smart Info renders section far away on right from the icon.

Error Messages



Not Applicable

Steps to Reproduce



1. Add Icon to the section of the first step of Case type.
2. Add Hover event.
3. Add Show Smart Info action where new section with any content can be added.
4. Save and perform Run of the Case Type.
5. Observe Icon is shown and move mouse over it.

Root Cause



An issue in the custom application code or rules:
This is an expected behavior in Pega. A space of 30px is intentionally provided for the smart info pointer to make it look better. It is not possible to move the box in any direction through CSS as offsets are calculated through JavaScript based on the event target.

Resolution



Perform the following local-change:

Add the following into UserWorkForm or in application specific CSS
<style>
.smarttip-container .arrow.top,.smartInfoContainer .arrow.top {
left: 0px !important;  /*This can be changed based on need*/
}
</style>
Suggest Edit

Published May 21, 2016 - 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