First off my apologies - I am very new to CMS. I have decent experience with html but this is all new to me.
I am trying to add a form to a site that will collect the visitors name, email, and phone. Thats it.
I used the form "contact" and removed the unneeded fields, but for the life of me I just cant get the phone field in there correctly.
I also want to use Captcha with this form. That part appears to be working fine.
Here is my form template:
{* DEFAULT FORM LAYOUT / pure CSS *}
{$fb_form_header}
{if $fb_form_done == 1}
{* This first section is for displaying submission errors *}
{if isset($fb_submission_error) && $fb_submission_error}
<div class="error_message">{$fb_submission_error}</div>
{if isset($fb_show_submission_errors) && $fb_show_submission_errors}
<div class="error">
<ul>
{foreach from=$fb_submission_error_list item=thisErr}
<li>{$thisErr}</li>
{/foreach}
</ul>
</div>
{/if}
{/if}
{else}
{* this section is for displaying the form *}
{* we start with validation errors *}
{if isset($fb_form_has_validation_errors) && $fb_form_has_validation_errors}
<div class="error_message">
<ul>
{foreach from=$fb_form_validation_errors item=thisErr}
<li>{$thisErr}</li>
{/foreach}
</ul>
</div>
{/if}
{if isset($captcha_error) && $captcha_error}
<div class="error_message">{$captcha_error}</div>
{/if}
{* and now the form itself *}
{$fb_form_start}
<div>{$fb_hidden}</div>
<div{if $css_class != ''} class="{$css_class}"{/if}>
{if $total_pages gt 1}<span>{$title_page_x_of_y}</span>{/if}
{foreach from=$fields item=entry}
{if $entry->display == 1}
{strip}
{if $entry->needs_div == 1}
<div
{if $entry->required == 1 || $entry->css_class != '' || $entry->valid == 0} class="
{if $entry->required == 1}required{/if}
{if $entry->css_class != ''} {$entry->css_class}{/if}
{if $entry->valid == 0} fb_invalid{/if}
"
{/if}
>
{/if}
{if $entry->hide_name == 0}
<label{if $entry->multiple_parts != 1} for="{$entry->input_id}"{/if}>{$entry->name}
{if $entry->required_symbol != ''}
{$entry->required_symbol}
{/if}
</label>
{/if}
{if $entry->multiple_parts == 1}
{section name=numloop loop=$entry->input}
{if $entry->label_parts == 1}
<div>{$entry->input[numloop]->input} {$entry->input[numloop]->name}</div>
{else}
{$entry->input[numloop]->input}
{/if}
{if isset($entry->input[numloop]->op) && $entry->input[numloop]->op}{$entry->input[numloop]->op}{/if}
{/section}
{else}
{if $entry->smarty_eval == '1'}{eval var=$entry->input}{else}{$entry->input}{/if}
{/if}
{if $entry->valid == 0} <--- {$entry->error}{/if}
{if $entry->needs_div == 1}
</div>
{/if}
{/strip}
{/if}
{/foreach}
{if $has_captcha == 1}
<div class="captcha">{$graphic_captcha}{$title_captcha}<br />{$input_captcha}</div>
{/if}
<div class="submit">{$prev}{$submit}</div>
</div>
{$fb_form_end}
{/if}
{$fb_form_footer}
And here is my Submission Template:
<p>Thank you, <strong>{$your_name}</strong>.</p>
<p>Your submission has been successful. You may wish to print this page as a reference.</p>
<h3>Contact Details</h3>
<p>
<strong>Name:</strong>: {$your_name}<br />
<strong>Email:</strong>: <a href="mailto:{$your_email_address}">{$your_email_address}</a><br />
<strong>Phone:</strong>: {$phone}
</p>
<h3>Feedback Details</h3>
<p>
<strong>Subject</strong>: {$subject}<br />
<strong>Comments</strong>:<br />
{$message}
</p>
<h4>Other information</h4>
<p>
<strong>Date of Submission</strong>: {$sub_date}<br />
<strong>Form Name</strong>: {$sub_form_name}<br />
<strong>URL of page containing form</strong>: {$sub_url}<br />
<strong>Domain</strong>: {$sub_host}<br />
<strong>Your IP address</strong>: {$sub_source_ip}
</p>
I also attached a screenshot of what the form looks like now. Id really appreciate any help on this! I also notice the SUBMIT buttom appears cut off at its bottom?
Help needed with adding phone: to Form Builder Form
Re: Help needed with adding phone: to Form Builder Form
Figured it out - except - my submit button is cut off at the bottom. Help?
Re: Help needed with adding phone: to Form Builder Form
Have you tried dragging the phone field under the 'your email address' field and then pressing 'save and continue editing'?
Re: Help needed with adding phone: to Form Builder Form
It's hard to tell because I am unable to see your HTML and CSS (might be worth posting it) but do you have a height set on your containing div? or overflow set to hidden?
Re: Help needed with adding phone: to Form Builder Form
You also better upgrade your CMSMS and change admin theme to OneEleven or NCleanGrey...
- + - + - + - + - + - + -
LATEST TUTORIAL AT CMS CAN BE SIMPLE:
Migrating Company Directory module to LISE
Migrating Company Directory module to LISE
- + - + - + - + - + - + -