Plugins
>
Advanced Tooltip

Advanced Tooltip

Containers
Internationalization
Mobile
Customer Support
Technical
Visual Elements
Advanced Tooltip - logo

Plugin details

Customizable, interactive tooltip plugin

Overview & Key Features

Advanced Tooltip - the plugin is based on the tippy.js library. Tippy.js is the complete solution for the web, powered by Popper.
Tippy.js is a small yet highly customizable JavaScript tooltip library that helps you add customizable, interactive, animated, accessible, touch-friendly tooltips to any DOM element.

It provides the logic and optional styling of elements that "pop out" from the flow of the document and float next to a target element.

- Smart: will always float optimally in view
- Fast: high performance for low-end devices
- Universal: compatible with mouse, keyboard, and touch inputs
- Customizable: fine-tunable functionality and fully stylable with CSS
- Themeable: style via custom CSS, includes extra themes and animations


Key features:
- works with most standard elements (Text, Button, Icon, Image, Group, RepeatingGroup, Input, Dropdown, Checkbox, RadioButtons and others), as well as elements of custom plugins.
- Supports all positions: auto, auto-start, auto-end, top, top-start, top-end, right, right-start, right-end, bottom, bottom-start, bottom-end, left, left-start, left-end
- Custom trigger events: mouseenter, focus, click or manual.
- 5 built-in amazing animations: fade, perspective, scale, shift-toward, shift-away .
-4 built-in themes: light, light-border, material, translucent + custom (allows you to customize the color scheme yourself)
- Allows to embed any HTML markup inside the tooltip.
- Allows multiple tooltips on the same element.
- Allows you to use one plugin element not only with a single element on the page, but also with a group of elements.
- Works in Repeating Group.
- Useful callback functions.

Installation

1

Install the plugin

2

Make sure you expose the option to attribute a HTML ID from your bubble app, you can do this in the general settings by enabling the checkbox.

3

Give a unique ID to the element(s) (Targets and triggers (if needed))

4

Specify the content of the tooltip.

Need help adjusting your new application?

Support

And if you have any questions, reach out to us at  support@mindforapps.com
$25 ONE TIME OR $5/MO

BUY NOW | $25 ONE TIME OR $5/MO

Check it Live

Ready to start your own Project?

More plugins

Start Your Project

What stage are you on?
Exploring
I know the problem I'm solving — I need help building the solution.
Project Brief
You have a brief — we'll turn it into a Bubble build plan.
Full Requirements
Requirements defined — we'll handle UX/UI and Bubble development.
Full Designs
Designs handed off — we will help you bring it to life.