If an ACF field requires a longer instruction text, the layout of the edit screen is messy and a lot of space is wasted.<\/p>\n\n
The ACF Tooltip plugin hides the field instructions, adds a help symbol to the field labels and generates a tooltip based on the instruction text.<\/p>\n\n
The tooltip will not hide if moused over, allowing create a tooltip with a link inside without hiding the tooltip.<\/p>\n\n
There are 7 filters that allow adjusting the design and the behavior of the tooltips.<\/p>\n\n
This plugin works only with the ACF PRO<\/a> (version 5.5.0 or higher).<\/strong><\/p>\n\n There are 7 filters that allow adjusting the design and the behavior of the tooltips can be adjusted.<\/p>\n\n The available styles can be found on the qTip options page<\/a> and are shown on the qTip demo site<\/a>.<\/p>\n\n You can mix the styles; e.g. \"qtip-acf qtip-rounded qtip-shadow\"<\/p>\n\n If you like, you can define your own style, with the class name of your style from your own CSS file (see next filter).<\/p>\n\n The qtip-acf style is the standard style, which is set without a filter.<\/p>\n\n You will find a 'qtip-example-style.css' in the '\/assets\/css' folder.<\/p>\n\nLocalizations<\/h4>\n\n
\n
Custom settings with filter hooks<\/h3>\n\n
Set the design of the tooltips<\/h4>\n\n
<?php\nfunction acf_tooltip_style() {\n $style = 'qtip-acf';\n\n return $style;\n}\nadd_filter('acf\/tooltip\/style', 'acf_tooltip_style');\n?>\n<\/code><\/pre>\n\nDefine your own CSS file<\/h4>\n\n
<?php\nfunction acf_tooltip_css() {\n $css_file = get_bloginfo('template_url') . '\/qtip-own.css'; \/\/ if the file is saved in your themes folder\n\n return $css_file;\n}\nadd_filter('acf\/tooltip\/css', 'acf_tooltip_css');\n?>\n<\/code><\/pre>\n\nPositioning the corner of the tooltip<\/h4>\n\n
<?php\nfunction acf_tooltip_position_my() {\n $position_my = 'center left';\n\n return $position_my;\n}\nadd_filter('acf\/tooltip\/position\/my', 'acf_tooltip_position_my');\n?>\n<\/code><\/pre>\n\nPosition in relation to the tooltip icon<\/h4>\n\n
<?php\nfunction acf_tooltip_position_at() {\n $position_at = 'center right';\n\n return $position_at;\n}\nadd_filter('acf\/tooltip\/position\/at', 'acf_tooltip_position_at');\n?>\n<\/code><\/pre>\n\n