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.

Form field default values, validation etc

  1. Here's a tricky one around styling and form validation. We're in the last stages of building a large, multipage conditional form, doing some last minute css tuning and coding to match the brief. http://nzpgs.com/fast/apply-now/ (You'll need to fill out page one and go to page two and three).

    My client has now shown me a competitor site he likes that does something similar, obviously working off the same industry-standard questions, This site has some nice work around the form fields, specifically the 'red' look when forms aren't filled, disappearing default value text when click over and tiny help form text popups. (Is it possible to add help popups/descriptions as seen in the gravity forms own editor?)
    Checkout the competitors site http://www.futurefinance.co.nz/products/application.php?step=1

    Short of backward engineering the competitor site to see how they did it, I'm not sure where to start. We're new to gravity forms and not had much experience in this side of form building, especially the field validation aspects, help fields etc. Any ideas, tutorials or tips on where to start would be appreciated!

    Posted 12 years ago on Tuesday October 4, 2011 | Permalink
  2. If you want to customize how the validation looks on a field when it happens you would do so using CSS. You would add custom CSS to your themes stylesheet to target and override the various validation classes. Here is documentation on how to target and style form elements, there is a section on validation:

    http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples

    Gravity Forms currently does not have disappearing default value text options. If you wanted to do this you would have to do so using jQuery. See this:

    http://www.gravityhelp.com/clearing-default-form-field-values-with-jquery/

    We do plan on adding this as a native feature in the future. We were trying to hold out until the HTML5 placeholder element gained more browser acceptance.

    Gravity Forms doesn't provide tooltips on the front end. It may be possible to integrate a 3rd party script to provide this functionality, but I haven't seen any implementations that do this. It is a feature we'd like to add in the future.

    Posted 12 years ago on Tuesday October 4, 2011 | Permalink
  3. Somebody asked a while back about using the same tooltip library we use in the editor. You can reference that thread for a quick setup tutorial. It's not super-involved, but takes a little bit of effort to get it rolling. I'm not sure how dated it is by now, but it should be pretty much the same setup.

    http://www.gravityhelp.com/forums/topic/add-help-tips-next-to-a-field

    Posted 12 years ago on Tuesday October 4, 2011 | Permalink
  4. Thanks guys. This is really helpful. We've only been using Gravity forms for 2 weeks so it's been a good learning experience. Very pleased with the results so far and the community support.

    Posted 12 years ago on Tuesday October 4, 2011 | Permalink
  5. Any progress on adding disappearing default value text option to Gravity Forms?? This is a feature I would very much like to have and use. Thanks!

    Posted 11 years ago on Tuesday July 10, 2012 | Permalink
  6. David Peralty

    It still isn't in a released version and would require custom JQuery to make happen.

    Posted 11 years ago on Tuesday July 10, 2012 | Permalink