How can I adjust the baloon`s width , height and the show time ?

Hi, There , 

How can I adjust the baloon`s width , height and the show time ?

Many Thanks,

Jack

Width and height can be configured with css, however, for showing time you might need to clone this pattern and create your own logic there. 

Hi Roman,

Can you please give me more instruction?  I configured already , butit seems not work . 

Hello Jack,

You are putting inline style on a property that expects classes.
Create the CSS style using a proper selector in the stylesheet of the page (for example, a class) and add the class name to the ExtendedClass property.

Cheers.

HI Eduardo , 

version 11 , it seems only support text which I posted, it can not suport  class name .

Many Thanks, 

Jack


Hello Jack

It's the name of the classes you want to apply, not the style.

In any case, you need to use in CSS the .tippy-popper and .only-ballon .tippypopper selectors if you want to change the size of the popup. Another problem is that the ballon is generated through JavaScript and the element has inline style, that is very difficult to overwrite.

So, I suggest you using a different pattern if the content you want to show does not fit nicely in a Balloon, like a combination of an icon and a modal, etc.

Cheers.