Tooltips for Gravity Forms

Tutorials » JetSloth » Tooltips for Gravity Forms

Do you want to show tooltips in your Gravity Forms (with extra information about a certain field)? With Gravity Forms Tooltips you can add HTML and shortcode inside your Tooltips. Even for every radio button and checkbox item.

Get Gravity Forms Tooltips

JetSloth Bundle

After activating the Gravity Forms Tooltips Add-on for Gravity Forms you’ll find an extra Field Settings tab called ‘Tooltip’. In it you can add the text and use HTML.

Screenshot example of adding Tooltip Content to a Paragraph Text Field in Gravity Forms with HTML inside the Tooltip.

Screenshot of the Tooltip Content with a HTML button added.

You can use HTML and WordPress shortcodes inside the HTML Tooltip. We tried it with the GravityWP – Count add-on, our shortcode to filter and count entries (or a sum of a Number Field for multiple entries) and used it inside the Tooltip. Works like a charm.

Screenshot of adding a Tooltip with a shortcode inside the Tooltip Content, in this case to show a count of entries inside the Tooltip.

We also used HTML inside the Tooltip, adding a button (Bootstrap styled). This is also allowed:

Screenshot example of a Bootstrap styled button inside the Tooltip.

Styling Gravity Forms Tooltips

You can style how the Tooltip looks like in the Gravity Forms Settings > Tooltips page. Options:

Pick an icon for the Tooltip and define the Icon Size and the Icon color
Tooltip content Font Size, Text Color and Background Color
Placement of the Tooltip: Top Left, Top, Top Right, Right, Bottom Right, Bottom Left, Left
Set a maximum width of the Tooltip

Screenshot of the sitewide default styling for the Tooltip (will apply to all the tooltips, unless it's overruled inside the form settings). — Screenshot of the sitewide default styling for the Tooltip (will apply to all the tooltips, unless it’s overruled inside the form settings).

If you want to style the Tooltip for an individual Form, go to settings to Override the global tooltip options.

Screenshot of the styling settings for Tooltips in an individual Form. This overrules the default settings.

Advanced Merge Tags
This Gravity Forms Add-On adds extra Merge Tag modifiers (and a lot of power). From the most common used functions like capitalize and length to changing date formats.

List Number Format
With this Gravity Forms Add-on you can change List Field columns into a number field, do calculations within a row or column. Extra merge tags are available with total counts of columns.

JWT Prefill
Create JSON Webtokens to populate fields in your Gravity Form. With a secure key you can validate the data you don’t want to be tampered with.

Advanced Number Field
Functionality for Number Fields, like rounding or only absolute numbers, fixed point notation, range calculation, custom units like % or m2 & show as slider.

Field to Entries
Create entries based on Checkboxes & Multi Select choices & List Field rows.

List Dropdown
Add a Dropdown Select with choices to a column or multiple columns in a Gravity Forms List Field.

Update Multiple Entries
Trigger the update of multiple entries in a target form by submitting an entry in a trigger form.

List Datepicker
Add a Datepicker with calendar select to a column or multiple columns in a Gravity Forms List Field.

Read more tutorials about JetSloth

JetSloth develops add-ons for Gravity Forms, like a Color Picker field, Collapsible Sections, Bulk Add Fields, Image Choices, Gravity Forms Tooltips and Bulk Actions. Visit JetSloth.com

Accordion Sections Gravity Forms

Do you want to use accordions inside your Gravity Form to make it more compact and easier for you form visitors to get an overview of the form content or the ability to reveal or collapse parts of the form? With the Gravity Forms Collapsible Sections Add-on from JetSloth you can turn Sections in your form into accordions.

Colorpicker Gravity Forms

Gravity Forms doesn’t offer a colorpicker as one of their standard fields. JetSloth released a Gravity Forms Add-On to include a color-picker in your form. It hooks into several Standard Fields like ‘Single Line Text’, ‘Radio Buttons’ and ‘Checkboxes’.

Duplicate Section and Fields Gravity Forms

Do you want to duplicate sections and multiple fields in your Gravity Forms? It will take a lot of time when you do it in the standard form builder. Bulk Actions gives you a tool to easily duplicate or clone multiple fields and whole sections.

Gravity Forms Image Choices

Do you want to add images as choices for Radio Buttons or Checkboxes fields within Gravity Forms (or Survey, Quiz, Product and Options)? With this plugin you can add images without having to paste HTML code inside your Form Fields. And it produces beautifully styled and easily adaptable css styling.

All tutorials JetSloth

TutorialTooltips for Gravity Forms

Section Break

Collapsible Section Break

Adding a Tooltip

Shortcode and HTML inside Tooltip

Styling Gravity Forms Tooltips

Our Premium Add-ons for Gravity Forms