Page 1 of 1

Help needed with adding phone: to Form Builder Form

Posted: Thu Sep 26, 2013 11:48 pm
by jefe
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}&nbsp;{$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?
Capture of the form itself as it appears now
Capture of the form itself as it appears now
Capture of form.JPG (22.23 KiB) Viewed 2028 times
Form Builder
Form Builder
Submission template
Submission template

Re: Help needed with adding phone: to Form Builder Form

Posted: Fri Sep 27, 2013 2:29 am
by jefe
Figured it out - except - my submit button is cut off at the bottom. Help?

Re: Help needed with adding phone: to Form Builder Form

Posted: Fri Sep 27, 2013 5:27 am
by tbunt
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

Posted: Fri Sep 27, 2013 6:30 am
by tbunt
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

Posted: Fri Sep 27, 2013 7:12 am
by Rolf
You also better upgrade your CMSMS and change admin theme to OneEleven or NCleanGrey...