Blog Archives

4 posts in this archive

  1. CSS Ready Classes for Gravity Forms

    In Gravity Forms 1.5 we're adding some new "Ready Classes". Using these new classes, you can easily create more advanced alternative layouts for the fields in your forms.

    Essentially, Ready Classes are class names that you can add to the parent element surrounding each field to take advantage of pre-defined styles included in the default form stylesheet.
    read more

  2. Gravity Forms CSS Visual Guide

    View Guide (HTML Version) | Download Guide (png)

    We've put together a simple visual guide to help illustrate the structure of a form and the CSS class relationship.
    read more

  3. Creating a Modal Form with Gravity Forms and FancyBox

    Modal Gravity Form

    There have been a few questions on how to create a Gravity Form in a modal window. For this example, we're going to use the jQuery script "FancyBox" to create the modal form.

    Basically, what you're going to do is to create a form, embed it in a simple page and then link to it from the page you want to include the modal form. Pretty simple right?
    read more

  4. Clearing Default Field Values with jQuery

    A few people have asked about automatically clearing the default field values on focus. While that's not a feature in the current version of Gravity Forms, It's easy enough to accomplish with a little bit of jQuery goodness. This script will remove any default value from input fields and textareas on focus, and if you haven't changed it, will restore it on blur.
    read more