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