Author Topic: Membership registration form layout (Read 1493 times)

shrill · October 03, 2009, 06:13:39 pm

Hi.

I have a membership form that incorporates a profile. Most of it looks great however I'm having some difficulty getting the "pay by cheque" option and the email address field to look good.

I've attached a jpg in which I have set the web developer extension in Firefox to outline tables. As you can see, the Pay by cheque option is in the 2nd <td> of the row because it has no label, and the input box for the email address is aligned at the bottom instead of the top.

I can figure out the email address one (just have to find the right way to do it in CSS) but I don't know how to get the Pay by Cheque option into the first td in the row.

Thoughts?

Thanks,

Shrill

Dave Greenberg · October 03, 2009, 06:58:30 pm

You'll need to create a custom copy of the template for this form and modify the HTML for that table row.

We recommend putting your custom templates in a separate path - following these instructions:

The template you'll need to modify is templates/CRM/Contribute/Form/Contribution/Main.tpl

Instead of this:

Code: [Select]

	{if $form.is_pay_later}
	    <tr>
		<td class="label">&nbsp;</td>
		<td>{$form.is_pay_later.html}&nbsp;{$form.is_pay_later.label}</td>
	    </tr>
	{/if}

... you'll have this

Code: [Select]

	{if $form.is_pay_later}
	    <tr>
		<td colspan="2">{$form.is_pay_later.html}&nbsp;{$form.is_pay_later.label}</td>
	    </tr>
	{/if}

CiviCRM Community Forums (archive)

News:

Author Topic: Membership registration form layout (Read 1493 times)

shrill

Membership registration form layout

Dave Greenberg

Re: Membership registration form layout