Help needed with adding phone: to Form Builder Form

Have a question or a suggestion about a 3rd party addon module or plugin?
Let us know here.
Post Reply
jefe
New Member
New Member
Posts: 5
Joined: Thu Sep 26, 2013 11:37 pm

Help needed with adding phone: to Form Builder Form

Post 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 2027 times
Form Builder
Form Builder
Submission template
Submission template
jefe
New Member
New Member
Posts: 5
Joined: Thu Sep 26, 2013 11:37 pm

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

Post by jefe »

Figured it out - except - my submit button is cut off at the bottom. Help?
tbunt
Forum Members
Forum Members
Posts: 21
Joined: Tue Aug 24, 2010 9:13 am

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

Post by tbunt »

Have you tried dragging the phone field under the 'your email address' field and then pressing 'save and continue editing'?
tbunt
Forum Members
Forum Members
Posts: 21
Joined: Tue Aug 24, 2010 9:13 am

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

Post 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?
User avatar
Rolf
Power Poster
Power Poster
Posts: 7825
Joined: Wed Apr 23, 2008 7:53 am
Contact:

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

Post by Rolf »

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
- + - + - + - + - + - + -
Image
Post Reply

Return to “Modules/Add-Ons”