Contact Form

[Open Table]

I am running into some problems when using the input groups in Circumference with Contact Form 7 required fields. If a required field is not entered by the user, an error message appears in red under the field (causing some not-so-pretty display, but I can ignore that) and the user CANNOT click back into the field to correct it. They can click into another field (if there is one) and then tab to the problem field, but this is a frustrating solution for users.

I have the same issue if I create a form with the sample code from the demo and instructions.

Has anyone else run into such a problem?

[Shekhar Bhandari]

Hi Open Table,

Sorry for late reply, could you please post a link to your site so we could find the exact solution to you.

Thanks

[Open Table]

OK, I set up a text page here: http://lionsofconcord.org/carshow/car-show-registration-test/
I simply copied the sample code from the contact-form.txt html snipet from Circumference 110.
All of the fields are required. If a user does not enter one and clicks submit, the fields are all cleared, the validation error message appears below each, and the user has trouble clicking into the fields to correct them.

[Shekhar Bhandari]

Hi Opentable,

Use the following custom css to fix the problem

span.wpcf7-not-valid-tip {
    display:inline-block;
}

Thanks

[Author]

Posts