[Plugin: Contact Form 7] Can anyone help me set up a more complex form please?

David,

One suggestion, use tables like this:

+-----------+----------+
| heading   | field 1  |
+-----------+----------+
| heading   | field 2  |
+-----------+----------+
| heading   | field 3  |
+-----------+----------+
| heading   | field 4  |
+-----------+----------+

+-----------+-----------+-----------+-----------+-----------+
+ heading   | heading   | heading   | heading   | heading   |
+-----------+-----------+-----------+-----------+-----------+
+ field 5   | field 6   | field 7   | field 8   | field 9   |
+-----------+-----------+-----------+-----------+-----------+
+ field 10  | field 11  | field 12  | field 13  | field 14  |
+-----------+-----------+-----------+-----------+-----------+
+ field n   | field n   | field n   | field n   | field n   |
+-----------+-----------+-----------+-----------+-----------+
+ field n   | field n   | field n   | field n   | field n   |
+-----------+-----------+-----------+-----------+-----------+

Regards,
Mark

Hi Mark,

Thanks for your reply. What you have described is exactly what I want to do but I just don’t know how to do it! Can I use the contact for 7 editor to set up this table?

Yes. This is copied direct from the CF7 editor for one of my forms.

<table>
<tr>
<td>Your Name (required)</td>
<td>[text* your-name 50/100]</td>
</tr>
<tr>
<td>Your Email (required)</td>
<td>[email* your-email 50/100]</td>
</tr>
<tr>
<td>Your Phone Number</td>
<td>[text your-phone 50/100]</td>
</tr>
<tr>
<td>Best Time to Call</td>
<td>[text best-time-to-call 50/100]</td>
</tr>
<tr>
<td valign="top">Your Message</td>
<td>[textarea your-message 60x10]</td>
</tr>
<tr>
<td></td>
<td>[submit " Send "]<//td>
</tr>
</table>

You can set up your table as you like.

Thank for that mark i’ll give it a go.

David

Hi again,

Just to let you know that I had a great weekend setting up my contact form with you help. Thanks again.

You can see the result here.

Do you know how I can put a little space between the input fields?

David

You can use <table cellpadding=”1″ cellspacing=”1″> or css.

One suggestion to remove all the grey space at the top right of the form is to have 2 tables: 1 for the top fields and 1 for the bottom fields. Have a look at the skeleton code below:

[Code moderated as per the Forum Rules. Please use the pastebin]

Another source of help is to view the source code for the example site you gave at the start of this thread.

Have fun!