DEMO: https://darkmodedetector.bubbleapps.io/version-test/better-tooltips
EDITOR: https://bubble.io/page?type=page&name=better-tooltips&id=darkmodedetector&tab=tabs-1


INSTRUCTIONS:

1️⃣ Purchase and install the plugin;

2️⃣ Go to the "Design" tab in your app and search for the "Better Tooltip" element;

3️⃣ Place an element on the page;

4️⃣❗️Click on the element which you want to act as your "target" element, click on the "Appearance" tab and scroll all the way down to the "ID Attribute" field.

⚠️ If you don't have an "ID Attribute" field go to "Settings" -> "General" -> Scroll all the way down and check a checkbox titled "Expose the option to add an ID attribute to HTML elements". After that - return to the Design tab;

5️⃣ In the "ID Attribute" field, type in the name of your attribute - this could be anything as long as it is unique.

💁🏻‍♂️ If you are placing the tooltip inside a Repeating Group you can set the ID in the following format: "myID-*current cell's index*". This will ensure your Repeating Group ID is unique for each cell;

6️⃣ Click on the Better Tooltip element you placed on the page in Step 3 and add the ID to the "Element ID" field. Make sure it matches exactly to what you typed in Step 5.


🏁 If you have any problems or issues - feel free to reach me on [email protected].