Plugins>Advanced Tooltip

Advanced Tooltip

ContainersInternationalizationMobileCustomer SupportTechnicalVisual Elements
Advanced Tooltip
$25 once or $5/moCheck it Live

Ready to start your own project?

Book a meeting

Plugin details

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?

Contact us
Moving off Bubble? We migrate Bubble apps to custom code, or help you optimize the one you have.See how it works →

Support

And if you have any questions, reach out to us at support@mindforapps.com

More plugins