Form not submitting

  • Resolved kayl3y

    (@kayl3y)


    7 years, 9 months ago

    Hi there!

    One of my forms submit button is not working – like it’s not even clickable. This is the only form I have the issue with. Not sure what it is or even what other context I can provide for you with it!

    Any thoughts what it may be?

    Thanks!
    Kayley

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

Viewing 15 replies - 1 through 15 (of 32 total)
1 2 3
  • Plugin Contributor Tracy Levesque

    (@liljimmi)

    🏳️‍🌈 YIKES, Inc. Co-Owner

    7 years, 9 months ago

    Hi @kayl3y

    I checked the form out and I can hit the submit button, but the form itself is really narrow.

    There is this CSS that is causing the form to only be 50px wide

    .yikes-mailchimp-container .yikes-easy-mc-form {
    width: 50px;
    font-size: 8px;
}

    If you make the width 100% it will display properly.

    Thank you,
    -Tracy

    Thread Starter kayl3y

    (@kayl3y)

    7 years, 9 months ago

    Thanks Tracy! I had that adjust that CSS for a separate form as I’d wanted to extend the size of the button and that was the only way I could find to do so.

    Is there a better way to dedicate unique CSS to individual forms?

    Plugin Contributor Tracy Levesque

    (@liljimmi)

    🏳️‍🌈 YIKES, Inc. Co-Owner

    7 years, 9 months ago

    Yes! Each form has a section container with a unique ID.

    For example, here is the one for this form:

    <section id="yikes-mailchimp-container-2" class="yikes-mailchimp-container yikes-mailchimp-container-2 ">

    You can use #yikes-mailchimp-container-2 or .yikes-mailchimp-container-2 to target this form specifically.

    Like so: 

    .yikes-mailchimp-container.yikes-mailchimp-container-2 .yikes-easy-mc-form {
    width: 100%;
}

    Let me know if that makes sense.

    Thank you,
    -Tracy

    Thread Starter kayl3y

    (@kayl3y)

    7 years, 9 months ago

    Makes sense! Thanks for confirming! The only issue I still face is adjusting the button width to match to the form width…

    Side note: I’m facing another issue that I found another open thread from 5 months ago addressed. I responded to that thread but should I start a new one since it was an older thread?

    https://wordpress.org/support/topic/your-merge-fields-were-invalid-error-with-field-please-enter-a-value/

    • This reply was modified 7 years, 9 months ago by kayl3y.
    Plugin Contributor Tracy Levesque

    (@liljimmi)

    🏳️‍🌈 YIKES, Inc. Co-Owner

    7 years, 9 months ago

    Yes, please start a new thread. However, our lead plugin dev is on vacation this week and will answer on Monday.

    This code should made the button as wide as the form:

    .yikes-mailchimp-container.yikes-mailchimp-container-2 .yikes-easy-mc-form .yikes-easy-mc-submit-button {
    width: 100%;
}

    Thank you!
    -Tracy

    Thread Starter kayl3y

    (@kayl3y)

    7 years, 9 months ago

    Thanks Tracy. That code did not work. It’s for the form on my homepage – I’ve left it live so you can see what the button currently looks like.

    Will start a new thread for the other issue.

    Thanks!

    Plugin Contributor Tracy Levesque

    (@liljimmi)

    🏳️‍🌈 YIKES, Inc. Co-Owner

    7 years, 9 months ago

    Ok that form has a width on the field:

    .yikes-easy-mc-form label.label-inline {
    float: left;
    width: 79%;
    padding-right: 10px;
}

    I would put the width on the form itself and take all the width styles off individual elements so the form sets the width of everything.

    Also that form is set to inline. The first step I would take is to take inline off that form.

    -Tracy

    Thread Starter kayl3y

    (@kayl3y)

    7 years, 9 months ago

    Thanks Tracy! I set the inline so I’ve removed that – it worked! Thanks so much.

    Side note, I didn’t set that width – so I’m not sure where to go to fix it. It’s not in the core CSS area I’ve been working in (where the other code we’ve discussed has gone).

    • This reply was modified 7 years, 9 months ago by kayl3y.
    Plugin Contributor Tracy Levesque

    (@liljimmi)

    🏳️‍🌈 YIKES, Inc. Co-Owner

    7 years, 9 months ago

    Hi @kayl3y,

    It looks good now. The field and button are the same width.

    Do you need any other adjustments?

    Thank you,
    -Tracy

    Thread Starter kayl3y

    (@kayl3y)

    7 years, 9 months ago

    Not right now. Thanks for all your help Tracy! Really appreciate it!

    Cheers!

    Plugin Contributor Tracy Levesque

    (@liljimmi)

    🏳️‍🌈 YIKES, Inc. Co-Owner

    7 years, 9 months ago

    No problem. We are happy to help!

    Have a good weekend!
    -Tracy

    Thread Starter kayl3y

    (@kayl3y)

    7 years, 9 months ago

    Hi Tracy,

    I’m still having issues not having the form submit on my Contact Us page – I know you said you tested it but I haven’t received your test email added to the list nor can I get the button to click and confirm submission on my end. Not sure what I’m missing in the set up?

    Thanks!

    Kayley

    Plugin Contributor yikesitskevin

    (@yikesitskevin)

    7 years, 9 months ago

    Hi Kayley 🙂

    There’s a new issue happening: the OPTEDIN field is required but it’s not visible and there’s no default value for it. This is causing the form submission to fail. I think you want to add a default value to this field (and you can do so in the form builder).

    Let me know if that works.

    Thank you,
    Kevin.

    Thread Starter kayl3y

    (@kayl3y)

    7 years, 9 months ago

    Thanks Kevin. I had made OPTEDIN as a means to have a field for general inquiry submission with a checkbox to opt in for regular marketing comms. Is there another, better way to do this?

    Plugin Contributor yikesitskevin

    (@yikesitskevin)

    7 years, 9 months ago

    Hey Kayley,

    I’m not sure what you mean… Can you explain that more? Is this field unhidden on other forms or do you always plan on using it as a hidden field?

    Thanks,
    Kevin.

Viewing 15 replies - 1 through 15 (of 32 total)
1 2 3

The topic ‘Form not submitting’ is closed to new replies.