PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Conditionally Displaying Field Descriptions Only When Hovering in Field

  1. Tom Bevington
    Member

    Having descriptive text for fields ALWAYS on is visually noisy, takes up space, makes forms look overly busy, and can discourage/reduce form completion.

    Does GF have an option that lets us toggle the Field Description such that it's only revealed only when the user mouses into or tabs into the field. This is a common feature in other Forms Plugins but I've not been able to figure out how to access it in GF.

    Posted 13 years ago on Friday March 25, 2011 | Permalink
  2. There isn't an option to do this right now, but you can accomplish the effect with some CSS. You would simply use the :hover pseudo-class to show the descriptions when you mouseover the containing list item with the input. You could also do it with jQuery if you wanted a fadein or transition effect, but the CSS method is simple and gets the job done nicely.

    Here's a previous post that discusses this.

    http://www.gravityhelp.com/forums/topic/instructions-hover-to-right-hand-side#post-18767

    Posted 13 years ago on Friday March 25, 2011 | Permalink