fcvolunteer

@tib here’s what I would suggest.
In your form html add a class to the first <p> tag (I used “form1” as an example) and remove the remaining <p></p> tags and replace it with
tags like in the code below. Make sure to leave the </p> tag after the message textarea.

<p class="form1">
[text* your-name class:textfield watermark "Your Name"]<br/>
 [email* your-email class:emailfield  watermark "Your email"]<br/>
 [text* your-subject class:textfield2 watermark "Subject"]<br/>
 [textarea* your-message class:textarea watermark "Your Message"]</p>

<p>[submit class:submit "Send"]</p>

Now for the css code:

p.form1 span input, p.form1 span textarea {
    border-color: #F29E9B;
    border-style: solid;
    border-width: 2px;
    margin: 0 0 1px 20px !important;
}

.textfield, .emailfield, .textfield2 {
    height: 20px;
    width: 180px;
}

.textarea {
    height: 200px;
    width: 250px;
}

Hope this helps

oops I updated the jquery version last night and forgot to update the header.php file so the show/hide wasn’t working and the error couldn’t be reproduced. It is back to having the validation error. Thanks to whoever tried to help me till now.

I still need help.

I’d love to help you out with the css but I’m not sure what you’re asking. Are you trying to condense the css you provided in your first post? Are you trying to replace it?

With some help I’ve figured out the validation script but I’m having trouble making appropriate changes to the php code to allow certain field ids to be empty if the value is equal to 0 and then check for that and then validate the fields.

Any ideas?

Thanks!

I was able to accomplish something similar using the Contact Form 7 Dynamic Text Extension and following this tutorial

Hope that helps.

No, still in the process, I can post the solution once I have one. Any ideas? ??

I’m having same problem. Did you find a solution?

Works for me.

Looking for the same thing :-/

@jinumanalody how were you able to assign id tags to each radio button option? I looked at the example you posted and it works perfectly. Mine isn’t working and I think it’s because I can’t differentiate between the different options with unique id tags. Really would love to get this working with radio buttons and checkboxes.

thanks!