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>