Tooltip
The Tooltip property allows you to showcase additional information when the user moves the mouse pointer over an element.
Add
Open the Advanced tab.
Open the Tooltip tab.
Set up as required.
Make sure the Tooltip is active before setting anything.
Active
Select a block.
Open the Advanced tab.
Open the Tooltip tab.
Toggle on.
Source
The Source property allows you choose whether the Tooltip content source will be static or dynamic.
SourcePlacement
Allows you to choose where the Tooltip is placed (top, bottom, left...)
Add
Select a block
Open the Block Inspector
Navigate to the Advanced tab
Select the Tooltip tab
Find the Placement property
Click on the desired type options (fade, scale, puff, flicker)
Theme
Allows you to choose your Tooltip's theme, which means the way it looks.
Animation
Allows you to set the entrance/exit of the Tooltip. (Fade, scale, shift away...)
Follow
Allows you to choose whether or not your Tooltip follows the user's mouse.
Duration
Allows you to set a Transition Duration, helping to make its entrance/exit more or less smooth.
Add
Select a block
Open the Block Inspector
Navigate to the Advanced tab
Select the Tooltip tab
Find the Duration property
Enter the desired duration
Delay
Allows you to set a Delay for your Tooltip's entrance/exit.
Add
Select a block
Open the Block Inspector
Navigate to the Advanced tab
Select the Tooltip tab
Find the Delay property
Enter the desired delay
Arrow
Allows you to set an arrow.
Activate/Deactivate
Select a block
Open the Block Inspector
Navigate to the Advanced tab
Select the Tooltip tab
Find the Arrow property
Toggle the button on/off
Hide On Click
Allows you to hide the Tooltip, once the user has clicked.
Last updated