Do you want to show tooltips in your Gravity Forms (with extra information about a certain field)? With Magic Tooltips for Gravity Forms you can add HTML and shortcode inside your Tooltips. Even for every radio button and checkbox item.
Try here for yourself. Just hoover the Gravity Forms field labels (or the question mark next to it) and you can see what Magic Tooltips for Gravity Forms has to offer.
How does the Tooltip for Gravity Forms work?
You can easily add the shortcode, text or HTML code inside a new input field in the “General” tab of every Gravity Forms field. See for example how we added the GravityView shortcode to list the last 5 answers of that field. You can basically add anything you like to the Tooltip.
Tooltips for every Radio Button and Checkbox
You can easily add Tooltips to individual Radio Buttons and Check boxes. Just add in the Visual Editor a Horizontal line under the Tooltip text (or video, etc) to start with the Tooltip for the first radio button. Add a new horizontal line (hr) after that to add a tooltip for the second radio button or checkbox. This way you can easily add tooltips to the individual check boxes and radio buttons in your Gravity Form.
It will look like this in the form:
Settings page Tooltips for Gravity Forms
In the settings page you have quite some options: Hide Tooltip description and show field description (Standard Gravity Forms description) as tooltip. Show tooltip (option 1) When mouse hovers over the title of form field. Show tooltip (option 2, both possible) When a form field is currently targeted by the keyboard, or activated by the mouse. Add help icon after the title of form field. Check this option if your website does not include Font Awesome yet. Add underline to the title of form field. Custom CSS
Tooltip Style Generator
A really cool feature is the Tooltip Style Generator. You can change several settings for the style of your Tooltip (probably well thought about by the developers): Tooltip placement (position) Show tooltip example in Desktop / Tablet / Mobile phone view Offsets Line height of text Font size Font color Background color Border color Border width (doesn’t seem to work correctly) Border radius Padding