Join the #BuildWithBuildAgent Challenge! Get recognized, earn exclusive swag, and inspire the ServiceNow Community with what you can build using Build Agent.  Join the Challenge.

override tooltip width in portal

amaradiswamy
Kilo Sage

Hi All,

I am using below to add tooltip to an icon

<i class="fa fa-info-circle fa-2x" style="width:100%" tooltips tooltip-template="Please contact hepdesk for any urgent issues !!"></i>

which is working fine, but when i have large content it is causing problem, how to override width of the tooltip.

Regards,

Swamy

9 REPLIES 9

chirag_bagdai
ServiceNow Employee
ServiceNow Employee

Hi Swamy,



If possible, can you please share some screenshots ?


Hi Chirag,



Please find the screenshot


find_real_file.png


i need to increase width so that it can be shown in 2 to 3 lines



Regards


Swamy


Hi Swamy,



Generally Tooltip plugin adjust width/height automatically. Please see below example :


Screen Shot 2017-06-21 at 1.59.56 PM.png



Check the position of your HTML element where you have added tooltip, Also, please below link can be helpful for how to change width/height of the tooltip box:


https://stackoverflow.com/questions/14596743/how-do-you-change-the-width-and-height-of-twitter-boots...



If possible, please replicate this issue in one your personal dev. instance and share the instance URL.


Hi Chirag,



is there any way to cross div and adjust to a fixed width if element can't accomodate.



Regards


Swamy