ACF Simple Tooltip

May 18, 2022

ACF Simple Tooltip Plugin

Displays ACF field instructions as tooltips using only CSS.

Displays ACF field instructions as tooltips using only CSS.

Overview

The Advanced Custom Fields plugin by Elliot Condon is a fantastic resource for developers, allowing us to structure custom data and create a great user experience for data entry personnel.

The instruction text for ACF fields is useful, but creates visual clutter in the WordPress interface when there is a lot of instructional text. Thomas Meyer has created a great plugin to address this issue with his ACF Tooltip Plugin. However, when using this plugin on implementations that have a large number of ACF fields, I have seen that performance drops and load-time of the WP Dashboard increases.

This plugin, ACF Simple Tooltip, is a lightweight solution that uses only two lines of JavaScript to add classes to ACF field labels which have instruction text. CSS takes care of the rest (creating the “info” ⓘ icon, styling the instruction text as a tooltip, and creating the hover functionality for showing the tooltip). Simply install the plugin, and the JS and CSS will enqueue on any post.php page in the WP Dashboard.

Contact

This is an initial version, so please contact me if you find any issues while using the plugin. Happy developing!

Screenshots

  1. Simple tooltip on an ACF Checkbox (True/False) field.

    Simple tooltip on an ACF Checkbox (True/False) field.

  2. Simple tooltip on an ACF Button Group field.

    Simple tooltip on an ACF Button Group field.

  3. Simple tooltip on an ACF Checkbox (True/False) field group.

    Simple tooltip on an ACF Checkbox (True/False) field group.

  4. Simple tooltip on an ACF Repeater field group.

    Simple tooltip on an ACF Repeater field group.

FAQ

Has this plugin been tested with the Advanced Custom Fields plugin?

Yes. ACF Simple Tooltip should work with the latest version of Advanced Custom Fields.

What do I need to do to get this to work on my WordPress installation?

Simply install the plugin and activate it. No additional settings required.

What about support?

Please submit a support ticket at WordPress forum.

Changelog

1.0.0

  • Initial release. Creates tooltip for instruction text on all post.php and post-new.php pages, except for the ACF Field Groups pages (New or Edit).

1.1.0

  • Updated CSS to fix a bug where br tags were showing when the tooltip was hidden.
  • Updated CSS to allow for custom CSS within tooltip description.

1.1.0

  • Tested up to WordPress 5.9.3.

Details

  • Version: 1.1.1
  • Active installations: 100
  • WordPress Version: 4.7
  • Tested up to: 5.9.10
  • PHP Version: 5.6

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars