Hover text - Buttons

Please note that this is now available as a plugin for easier installation. While you can use this document as a reference, the recommended method to add this functionality is through the plugin installation wizard. Learn more about plugins here. 

The following solution will show you how to have hover text displayed when the cursor is over a button on a page.

Step 1

In the footer of your app, add the following script. 

<script src="https://unpkg.com/@popperjs/core@2"></script>
<script src="https://unpkg.com/tippy.js@6"></script>

Step 2

Hover over the info icon to get your component ID.

Step 3

Add the following code to the JavaScript tab of your page. 

Remember to change the component ID here with your component ID found in step 2. Change the section .myButton to #myButton if you used an ID for a custom button. 

TB.render('component_6', function(data) {
tippy('.myButton', {
        content: 'My tooltip!',
      });
});

Original Community Post:

Hover text - Buttons - Community Discussions / How Do I - Tadabase Community