Formatting Tooltip boxes

[girlflamee]

Hi Jeremy,

I’m having issues with text from two Tooltip text boxes overlapping on top of one another in my experiment. Essentially I want them to be sequential such that one appears below the other. If you could help, that would be great.

Thanks.

[Jeremy]

Hi,

Unfortunately that’s not something I anticipated when I designed the Tooltip element. The best you could do for now, I would say, is estimate the height of the top tooltip and apply a transform: translateY CSS rule to the bottom one, to move it below the top one. Here’s an example:

newCanvas("blue", 400,400).color('blue').print()
,
newTooltip("hello world").print( getCanvas("blue") )
,
newTooltip("bye earth").print( getCanvas("blue") ).css("transform","translateY(2.5em)")

Jeremy

[girlflamee]

Thanks Jeremy, this works.

[Author]

Posts