Docs

[sunship]

Hi,

I am using Contact Form 7 on this page: http://kiermyer.com/new/business/ and I need to make some of the fileds side-by-side instead of vertical. For example:

City State Country

instead of

City
State
Country

and

Transportation Provided? yes no

instead of:

Transportation Provided?
yes
no

thanks!

[Rue Nel]

Hello There,

Thanks for writing in! I have moved your last reply to trash because it broke out the topic layout.

You need to edit your contact form and have your fields enclosed with a column. Please consider having this:

<div class="x-container" style="margin: 0px auto;padding: 0px;">
	<div class="x-column x-sm x-1-3" style="padding: 0px;">
		City [text eventcity]
	</div>
	<div class="x-column x-sm x-1-3" style="padding: 0px;">
		State [text eventstate]
	</div>

	<div class="x-column x-sm x-1-3" style="padding: 0px;">
		Country [text eventcountry]
    </div>
</div>

and this:

<div class="x-container" style="margin: 0px auto;padding: 0px;">
	<div class="x-column x-sm x-1-2" style="padding: 0px;">
		Transportation Provided?
	</div>
	<div class="x-column x-sm x-1-2" style="padding: 0px;">
		[checkbox eventtransport use_label_element exclusive “yes” “no”]
	</div>
</div>

Hope this helps.

[sunship]

The first one works great! The second one does not put the choices side-by-side.

also, how can I get the uploader to work so that it sends the upload in the email to me please?

[Christopher]

Hi there,

Please update it to :

<div class="x-container" style="margin: 0px auto;padding: 0px;">
	<div class="x-column x-sm x-1-2" style="padding: 0px;">
		Transportation Provided?
	</div>
	<div class="x-column x-sm x-1-2" style="padding: 0px;">
		[checkbox eventtransport use_label_element exclusive "yes" "no"]
	</div>
</div>

Please check this link : http://contactform7.com/docs/

Hope it helps.

[sunship]

Thank you. I think I’ve figured out how to have the check boxes horizontally in line with the subject:

<li> Type Of Event</li>

		<div class="x-container" style="margin: 0px auto;padding: 0px;">
	
	<div class="x-column x-sm x-1-5” style="padding: 0px;">
		[checkbox typeofevent "Concert"]
	</div>

	<div class="x-column x-sm x-1-5” style="padding: 0px;">
		[checkbox typeofevent "Festival"]
	</div>

	<div class="x-column x-sm x-1-5” style="padding: 0px;">
		[checkbox typeofevent "Night Club"]
	</div>

	<div class="x-column x-sm x-1-5” style="padding: 0px;">
		[checkbox typeofevent "University"]
	</div>

<div class="x-column x-sm x-1-5” style="padding: 0px;">
		[checkbox typeofevent "Other"] 
	</div>

</div>

[sunship]

I don”t know how to have these 4 fileds horizontally aligned or how to resize each of the fields individually:

Event Date Event Time Number Of Sets Sound Check Time

[Christopher]

Hi there,

You’ve used pretty quotes instead of normal quotes.

It should be :

<div class="x-column x-sm x-1-4" style=" padding:="" 0px;"="">
		content
    </div>

Not :

<div class="x-column x-sm x-1-4”  style=" padding:="" 0px;"="">
		content
    </div>

Hope that helps

[sunship]

Oh! Silly me! Thank you!

[Christopher]

You’re welcome.

[Author]

Posts