Need 3 conditional forms and 1 submit button

  • Resolved tmits

    (@tmits)


    6 years, 11 months ago

    Hi Jules, hope you’re good.

    This may be a really silly question… I hope not.

    If you take a look at the page I need help with, you will see that in the original state of the form, we currently see:
    1. The drop down to select one of 3 forms
    2. A terms and conditions checkbox (acceptance)
    3. Submit button.

    In my opinion the checkbox and submit button should not be visible until a user selects a form to fill in.

    I have tried to put the 2 things at the bottom of each form group but because there would be 3 acceptance check boxes (And submit buttons),

    The form is not sending until I check the acceptance box for every form group.

    I wondered if you can suggest a way that i can build the form using the conditional fields but only have the checkbox and submit button which would only become visible when a user has select an option to see any of the forms.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Jules Colle

    (@jules-colle)

    6 years, 11 months ago

    Hey, you should never use the acceptance field inside a conditional group, unless if you make it optional. If an acceptance field is not checked, CF7 disables the submit button, even if the field is inside a hidden group.

    So you could either use a regular mandatory checkbox, or make the acceptance checkbox optional.

    Thread Starter tmits

    (@tmits)

    6 years, 11 months ago

    Thanks for the quick response Jules.

    OK I tried what you suggested and made the acceptance optional. I also tried a mandatory checkbox.

    What I really need to do is to hide the checkbox and the submit button until a user has selected a form to fill out.

    I experimented by adding one submit button to each group. This would be ok but the problem is that the indicator to show that the form is sending can only be seen when the last group is visible. Meaning that the indicator is only visible for the last button in the code.

    If the user fills out any of the 1st 2 forms, even though the forms do send, the user does not know whats happening and can press the submit button a few times as it takes a few seconds for the form to actually go. This is also the case with the Message is sent response. It can only be seen when the last group is visible.

    I think its bad for the accept checkbox and submit button to be visible until a user has selected a form. Does that make sense?

    Can you think of any way that they could be hidden until a form is selected?

    Thanks for your time.

    Plugin Author Jules Colle

    (@jules-colle)

    6 years, 11 months ago

    You could do 2 things:
    – Either add the submit button and checkbox 3 times inside the groups, and remove it at the end of the form. You will need to make sure that you give the checkbox a different name each time
    – Or you could wrap the checkbox and form in an additional group, i.e. [submit-group] and then add the condition: “show [submit-group] if membertype not equals SELECT MEMBER TYPE”

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Need 3 conditional forms and 1 submit button’ is closed to new replies.