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.

Hide form fields --onclick opens form fields

  1. I am looking for some type of feature or code where only the first form field shows and when someone clicks inside the first field the rest of the form opens up.

    I am looking to have a form open up all the way when someone clicks inside the first form field, see this link for example: http://www.brazilmycountry.com/share_brazil.html

    Here is a link to my current form: http://www.brazil-tourism.com/share_brazil/

    Posted 12 years ago on Friday August 17, 2012 | Permalink
  2. This can be done fairly easily with Gravity Forms by using conditional logic. Make the first field on your form one of either Radio Button, Check Box or Drop down. It will have to be a little different than the example form you posted. Maybe it could be a category to add the review to, or a checkbox to agree to terms and conditions. You can add a section after that field, and use conditional logic to hide the form until one of your conditions is true (a condition someone would fulfill when filling out the first form field.) Once the condition is true (first form field is filled out) the rest of the form will be revealed. You can animate the reveal as well. All this is built in to Gravity Forms.

    For the form to function exactly as the example form you linked to, you would have to go outside Gravity Forms and add some jQuery to toggle the visibility of the rest of the form on someone clicking into the first text field.

    Let us know if you need more help with implementation. Thank you.

    Posted 12 years ago on Saturday August 25, 2012 | Permalink