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.

Show/hide part of form

  1. Is it possible to display only a part of a form so that when a user clicks somewhere on the page the form expands to reveal the other fields? I've tried to implement this using jquery, but hasn't worked so far.
    cheers
    -M

    Posted 13 years ago on Monday August 8, 2011 | Permalink
  2. If you want to show or hide fields based on selections a user makes you would use Conditional Logic. Conditional Logic allows you to show (or hide) fields when a user makes a selection on a drop down, radio button or checkbox field.

    You enable conditional logic on the field you want to show (or hide) by editing it, going to the Advanced Tab and enabling and configuring Conditional Logic.

    You need to have a drop down, radio button or checkbox field on your form for the conditional logic to be triggered by that field.

    Posted 13 years ago on Monday August 8, 2011 | Permalink
  3. Actually, I'd like to show only a few fields like Name, email and telephone and then when the user clicks a down arrow button, reveal the rest of the form. The idea is that I can then have my business contact details readily visible instead of the user having to scroll to after the form.

    Posted 13 years ago on Tuesday August 9, 2011 | Permalink
  4. You would have to use the HTML fields to add some additional markup around the hidden section of your form. You would need to close the initial UL that's used for the main form structure, start a div element, re-open the list then close the list again with custom markup in an HTML field.

    There's an example here of what I'm talking about..

    http://www.gravityhelp.com/forums/topic/how-can-i-get-the-form-fieldsboxes-side-by-side#post-29423

    Once you've successfully added the div wrapper around the portion of your content you want to hide, you'll have to add some jQuery to make it work. There's a ton of ways to do that so you'll just have to research which is the best for you.

    http://www.learningjquery.com/2006/09/slicker-show-and-hide

    http://papermashup.com/demos/jquery-sliding-div/

    Good luck.

    Posted 13 years ago on Tuesday August 9, 2011 | Permalink