Tooltips - Custom tooltips: Text, Text Color, HTML, Alignment, Background Color, Corner Radius.

Extensions
1
Tooltips
Custom tooltips with text on any component,
automatically positioned up or down with an indicator arrow, and close when tapped.

Screenshot_2025-08-19-04-46-52-089_edu.mit.appinventor.aicompanion3
Screenshot_2025-08-19-04-46-52-089_edu.mit.appinventor.aicompanion31080×2400 132 KB

Screenshot_2025-08-19-04-46-56-375_edu.mit.appinventor.aicompanion3
Screenshot_2025-08-19-04-46-56-375_edu.mit.appinventor.aicompanion31080×2400 91.4 KB

Screenshot_2025-08-19-04-47-01-005_edu.mit.appinventor.aicompanion3
Screenshot_2025-08-19-04-47-01-005_edu.mit.appinventor.aicompanion31080×2400 121 KB

With other extensions like Spotlight and ScreenTouch it might look like this:

GIF_20250819_045610_894

Ideal for a user guide.

Alignment

Set the text alignment.

blocks (4)
blocks (4)850×112 14 KB

  • Horizontal alignment for now.

Options: Left, Center, and Right.

ShowTooltip

Displays a persistent tooltip that closes when tapped.

blocks (5)
blocks (5)1356×320 38.9 KB

  • The tooltip will appear anchored to a button, and the arrow will always be centered on the button.
  • The tooltip is automatically positioned and will currently only appear in the top or bottom positions.

CloseTooltip

Closes the current tooltip if it is visible.

component_method (1)

  • Use this feature to close the current tooltip or tap the tooltip to close it, as it cannot be closed by tapping outside the message.

IsTooltipVisible

Indicates whether a tooltip is currently visible.

component_set_get (1)

Note:

The functions must be put in this order:

  1. Alignment
  2. ShowTooltip

v1.0 Ago 19, 2025.

Tooltips.aia (23.7 KB)

joejsanz.joedevtooltips.aix (13.0 KB)

JDK: 11
Minimum API Level: 21
Updated On: 2025-08-19T07:00:00Z

Built using: FAST-CLI v4.2.0-premium

Thanks.

4 Likes