Better Native Tooltip

Demo to preview the settings

Introduction

Plugin designed to elevate the tooltip experience within your Bubble application. It extends the standard tooltip functionality offered by Bubble by providing additional customization options and advanced features, allowing you to create highly interactive and visually appealing tooltips with ease.

How to setup

Just install the plugin, it works by default.
Many native bubble elements have a built-in β€œTooltip” property like below, just fill it with your text.
Image without caption
This plugin renders a nicer looking tooltip instead of the native one only by installing it.

Optionally you can change some properties of the tooltip:

Position

The placement of the tooltip of the element.
βœ…
Note! Make sure to put the position first, and other properties after in what order you want.
Values: right, left, bottom, top.
Image without caption
Image without caption

Animation

By default plugin adds animation to tooltips, so the only value you can take is the one that turns it off. Value: no-animation.
Image without caption
Image without caption

Arrow

By default plugin adds arrow to tooltips, so the only value you can take is the one that turns it off. Value: no-arrow.
Image without caption
Image without caption

Offset

This parameter sets the distance vertically and horizontally between the tooltip's anchor element and the tooltip itself. Requires 2 numbers, you set them with a space between them like this: 10 20. Usually which value sets vertically or horizontally depend on the set position property. For a better understanding you study how does offset work. Value ex: 10 15.
Image without caption
Image without caption

Theme

The plugin ships with 4 themes for the tooltips
Easily switch the theme by putting one of those in the plugin settings. Values: light, light-border, material, translucent.
Image without caption

Changelogs

Update 11.11.24 - Version 1.9.0

  • Made hide tooltip when content empty.

Update 28.06.24 - Version 1.6.0

  • Update plugin header code.

Update: 24.04.24 - Version 1.4.0

  • Added "arrow" and "offset" customization

Update: 27.02.24 - Version 1.3.0

  • updated description

Update: 08.02.24 - Version 1.2.0

  • minor updates

Update: 03.02.24 - Version 1.1.0

  • updated description

Update: 30.11.23 - Version 1.0.1

  • make tooltips work on conditionals and in repeating groups

Update: 25.11.23 - Version 1.0.0

  • initial release