Tooltip to a text!

Ask the community
,
1

Again this lacks a bit of finesse and sophistication but I will still share.

But here’s the link to the screencast: https://www.useloom.com/share/cebd50d00d304961846601a1199afe80

Get the feel for it here: https://bit.ly/2IYtEEy

What you need to have:

  1. Text (where you want to provide a tooltip for);
    In this example I am using the text “Text”.
  2. A box, shape, or vector image where you want to place your tooltip in, depending on your preference (or none at all);
    In this example I used a vector image for one and the other without.
  3. The ‘tooltip’;

The Steps:

  1. Make sure the box, shape or vector image is “hidden on load”;
  2. Also do the same thing with your ‘tooltip’ (“hidden on load”);
  3. Add the events “MouseIn” and “MouseOut” on the Text (this case the “Text”);
  4. Then add the Code below.

Caveat:
The position of the tooltip is fixed; it will appear on the same exact location where you initially placed it and won’t adjust. But I guess it’s a good start. Hope this helps! :smiley:

The Code:

2 Likes
2

Thanks, this worked for what I needed.

On an additional note for others:
If you need to add a shadow to a tooltip, you need to use the ‘Box’ options rather than ‘Shape’.