MARKETPLACE
PLUGINS
ADVANCED TOOLTIP
Advanced Tooltip logo

Advanced Tooltip

Published July 2022
   •    Updated this week

Plugin details

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.

Demo:
For detailed connection and demo information, visit the plugin demo page at
https://plugin-preview-3.bubbleapps.io/version-test/advanced_tooltip

Plugin Page:
https://mindforapps.com/plugin_details/advanced-tooltip


Support
If you have questions, reach out to us at [email protected]

We appreciate your reviews and suggestions.

$25

One time  •  Or  $5/mo

5.0 stars   •   1 ratings
220 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Mind For Apps logo
Mind For Apps
Joined 2018   •   33 Plugins
View contributor profile

Instructions

- Install the plugin - 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.
- Give a unique ID to the element(s) (Targets and triggers (if needed))
- Specify the content of the tooltip.

You can see more details and examples on the demo page:
https://plugin-preview-3.bubbleapps.io/version-test/advanced_tooltip
there you can go to the editor (OPEN IN EDITOR) and see how it's all connected and configured.

Types

This plugin can be found under the following types:
Element   •   Event   •   Action

Categories

This plugin can be found under the following categories:
Containers   •   Internationalization   •   Mobile   •   Customer Support   •   Technical   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (5.0)

Fantastic!
April 28th, 2023
This is a great plugin that works very well! Well done!
Thank you! We are glad that you like our work. A high score is the best reward for us.
April 28th, 2023
  •  
Mind For Apps
Bubble