Create Info Screen Tips

How can I create a “screen tip” so that users can hover their mouse over it to see helpful information which will give them more details about the question they are being asked?

The easiest way to do this is by using a ‘group focus’ element.

If you want to show if when the user hovers over an element, you’ll have to use two ‘do when condition is true’ workflow triggers:
One will trigger when ‘Goup focus is not visible and anchor element is hovered’, and it will show the group foucus.
The other one will trigger when ‘Group focus is visible and anchro element is not hovered and group focus is not hovered’ and it will hide the focus group.

Focus groups do not mess the structure of the rest of your page, they are just shown on top of the other elements, so they are great for tooltips. They have their flaws, but they can be useful.

If you’re looking for a simple solution I use the Better Native Tooltip plugin and then use a text element ([fa]info-circle[/fa]). This allows you to use Bubble’s native tooltip text on hover feature.

image

1 Like