Tooltip Box position
Hi,
When i am trying to use "Show smart tip" on an icon, The Box containing the tooltip message position is not over the icon.
Is there a way to change it's position?
Thanks
***Edited by Moderator Marissa to update platform capability***
***Edited by Moderator Marissa to add SR Details***
Accepted Solution
Pegasystems Inc.
GB
Please try below script in UserWorkForm:
<style>
.arrow.top {
left: 0px !important;
}
</style>
Adjust the left value as per your requirement.
Pegasystems Inc.
IN
Hello Danya,
Thanks for posting query in PSC.
We can change the position of the tooltip point by adding the left,right css style properties.Enable the developer tools inspect the tooltip and try modifying the styles.
Regards,
Durga
Updated: 7 Jun 2018 3:01 EDT
Murex International Luxembourg SA
LB
Hello Durga_Bhanuja,
Can you please give me more details about the rule where i can make those changes?
Regards,
Dany
Pegasystems Inc.
IN
Hello Dany,
I tried replicating the issue in IE. I will check the rule and js file. If possible can you try with tooltip option in general configuration.
Regards,
Durga
Pegasystems Inc.
US
which prpc version are you using? Also, update the UI kit version. I tried to reproduce the same issue in-house but it is not reproducible. have you made any customization around this tooltip?
I believe his issue will be across browsers. kindly confirm.
Murex International Luxembourg SA
LB
Hello,
We started in a previous version of pega and after upgrade we are now using Pega 7.3.1.
The UI kit version used is UI-Kit-7:06-01-01, changing the UI kit used is not an option for us.
No customization done around this tooltip and the Issue is faced on all browsers.
If it's fixed in newest version for ui-kit, can we know the file containing the fix in order to move it to our files?
Regards,
Dany
Pegasystems Inc.
US
Hi,
The issue seems to be occurring with an icon. I am able to reproduce the issue. Seems like the dimensions(left, right) are calculated dynamically. It seems that it would need some investigation.
You can raise an SR for this.
Pegasystems Inc.
IN
Hi @danyaoun,
Please let us know the SR number oncre created. We will continue tracking it through this post.
Regards,
Accepted Solution
Pegasystems Inc.
GB
Please try below script in UserWorkForm:
<style>
.arrow.top {
left: 0px !important;
}
</style>
Adjust the left value as per your requirement.
LTI Mindtree
IN
Hi
I don't think this requirement need SR. In browser select inspect elements and adjust css values for this element until you get required result and later update your css file in skin rule.
Thanks
Pegasystems Inc.
IN
Hello Chaitanya,
It's very difficult to inspect the smart tip since the focus moves out of that smart tip you can't inspect it.If we have idea of the smart tip class then we can apply css but finding class is not possible using developer tools.
Thanks,
Durga
Pegasystems Inc.
US
Hi Chaitanya,
the css values are not static but are calculated dynamically. thus fixing the position, in this case, would not work, I suppose.
Regards,
Rachit