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.

Conditional from with no Submit button

  1. Your plugin will work perfectly for the froms on our site, but we also have a need for a conditional paged "quiz" that will display results after 10 simple checkbox questions are answered. I tested it out and it will work perfectly for this purpose, except for this quiz we don't need the results to be submitted. Is there a way to hide the submit button at the end? If not, any suggestions?

    Posted 12 years ago on Sunday July 17, 2011 | Permalink
  2. There's not a way to hide the button completely since the forms are intended to be submitted and capture information. You could hide the button with CSS to prevent them from submitting the form.

    Posted 12 years ago on Monday July 18, 2011 | Permalink
  3. Makes sense. What about using the submit button to simply bring them to a results page instead of sending an email, so for example, "submit to get your results" which sends an email to a nonexistent address, and gives them a results page with the appropriate info?

    Posted 12 years ago on Monday July 18, 2011 | Permalink
  4. Yep, you could do that too I suppose. Just pass the field values via a querystring to a confirmation page that uses php to grab the variables and display the results.

    Posted 12 years ago on Monday July 18, 2011 | Permalink
  5. There's no need to send an email confirmation. You don't have to send an admin or user confirmation message. You could just display their results for them in the confirmation page as Kevin described.

    Posted 12 years ago on Monday July 18, 2011 | Permalink
  6. grah7830
    Member

    Could someone share how to hide the submit button with CSS? I understand how to hide it conditionally throughout the form, but it still appears on the first question...and I would prefer it not to.

    Posted 12 years ago on Tuesday November 29, 2011 | Permalink
  7. @grah7830 What exactly are you trying to do? Can you explain your use case so we can know about what you are trying to do and why you need to hide the submit button in a situation where you aren't using conditional logic?

    Posted 12 years ago on Tuesday November 29, 2011 | Permalink
  8. grah7830
    Member

    Basically, I'm using the plug-in to create a questionnaire that, depending on the options chosen, displays a different end result.

    I spoke with you over email last night before purchasing the plug-in. I asked if there was a way to add conditional confirmations or redirects, but realized that there was a much easier solution for my needs. Instead, I'm able to use the HTML fields to display the information I wanted to use conditional confirmations or redirects for...and because I don't actually need users to submit the form, just complete it to reveal the information they need, this will work perfectly for me.

    I'm able to hide the submit button on every question conditionally, except for the first question in the form because there's no question that precedes it.

    Example:

    1. Choose A, B, or C

    If A, display 2
    If B, display 3
    If C, display 4

    2. Choose G, H, or I

    If G, display 5
    If H, display 6
    If I, display 7

    3. Choose J, K, or L

    If J, display 8
    If K, display 9
    If L, display 10

    4. Choose M, N, or O

    etc...

    Where 5, 6, 7... are HTML fields that contain information based on how the user answered the preceding question.

    I can hide the submit button on questions 2, 3, 4... conditionally, but not on question 1. I have everything working perfectly, I just need to know how to hide the submit button on question 1.

    Posted 12 years ago on Tuesday November 29, 2011 | Permalink
  9. To hide the submit button using CSS you would add custom CSS to your themes stylesheet to target and apply the necessary styles to that HTML element.

    Here is an example of how to target the submit button using CSS:

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

    You would have to start with this example and then apply display: none; to it using CSS. Using display: none and applying it to that button element should make the submit button not appear to the user.

    Posted 12 years ago on Tuesday November 29, 2011 | Permalink
  10. grah7830
    Member

    That's what I thought, but I'm adding this to the bottom of my theme's CSS file and it doesn't seem to work:

    .gform_wrapper .gform_footer input.button,
    .gform_wrapper .gform_footer input[type=submit] {
    font-size: 1em;
    display: none;
    }

    Am I missing something?

    Posted 12 years ago on Tuesday November 29, 2011 | Permalink
  11. It's difficult to be able to say without being able to see the page. If you can post a link to the page so we can browse to it and inspect the markup, we can take a look.

    One thing to try is changing this:

    display: none;

    To this:

    display: none!important;

    OR this:

    display: hidden;

    Posted 12 years ago on Tuesday November 29, 2011 | Permalink