The markup on a form used a <button> tag rather than a <input> which is used by default. I read several articles that suggested things like hacking the core files of the plugin, but really it is a lot simpler than that. The classes on the submit input are the identifiers used to trigger the JavaScript validation and Ajax submission. Here is an example of the Contact Form 7 setting:
<ul>
<li><label for='cname'>Contact Name</label>[text* cname id:cname]</li>
<li><label for='title'>Title</label>[text* title id:title class:title]</li>
<li><label for='company'>Company Name</label>[text* company id:company class:company]</li>
<li><label for='telephone'>Telephone Name</label>[text* telephone id:telephone class:telephone]</li>
<li><label for='email'>Email</label>[email* email id:email class:email]</li>
<li><label for='project'>Project Description</label>[textarea* project id:project class:project]</li>
</ul>
<button id='submit' class='wpcf7-form-control wpcf7-submit'>SUBMIT <span class='glyphicon glyphicon-menu-right'></span></button>
3 Comments
Daniel Gutiérrez
Thanksm this helped me, and nope, this is not a spam comment LOL
Simon
Thanks a lot, actually works and sounds logic. Too bad wpcf7 doesnt have an option to make it a button instead of an input
S Ravi Kumar
Really, It was so simple.