Resize tooltip to display line of any length and set line breaks

0
I am using Bootstrap Tooltip widget to display tooltip for an attribute. However i'm unable to get a complete line to be displayed and id like to know how to set line breaks.    [Edit] I want the tooltip to display a string just like it is displayed in the return value in my microflow as shown below:    
asked
3 answers
1

Hi Ajit,

Just update boolean value of Render Html to Yes as shown below 

The Return String should be like below

‘Entry 1 (description of line1)’+’<br>’+

‘Entry 2 (description of line2)’+’<br>’+

‘Entry 3 (description of line3)’

This will helps you to achieve it

answered
1

Hi ajith , use the below class which may help you 

.ToolTipwidth{

.tooltip-inner {

    max-width: 1000px !important;

    font-size: 14px !important;

    color:#fff;

    text-align: center;

    text-decoration: none;

    background-color: #000;

    word-break: break-all;

    border-radius: 4px;

    margin-left: -200px !important;

    pointer-events: none;

}

.tooltip.top .tooltip-arrow {

    bottom: 0;

    left: 50%;

   margin-left: -90px;

    border-width: 5px 5px 0;

    border-top-color: #000;

}

.tooltip.top {

    padding: 5px 0;

    margin-top: -12px;

    left: 750px !important;

}

}

use this class in the parent container of the bootraptooltip widget

answered
1

Hi Ajit,  

Instead of bootstrap tooltip you can use Hint tooltip and change the css for your need

It will work!

answered