Form Fields

Contact Enhanced has the ability to allow webmasters to assign custom fields to contact forms. Form Fields offer a lot of flexibility that allows you to create more a simple contact form.




Basic Features

Custom Fields
Custom FieldsClick to watch
2:3 minutes
325 views
Average: 5.00
Votes: 2

Description

Form Fields allows you to extend the functionality of Contact Enhanced.

Requirement

  1. Have created one or more Contact Enhanced categories;

important Information

  1. You can add as many Form Fields as you'd like;
  2. The Name, Email, Subject and Recipient Form Field types have special behaviors;
  3. Every Form MUST have the Name and Email Form Field types; If you don't want to display them, then set the value and hide them;
  4. Read more information regarding the Form Fields in the Documentation Page.

Usage

Select Components → Contact Enhanced → Form Fields from the drop-down menu of the Joomla! Administrator Panel.

To add a new Form Field, press the "New" icon in the toolbar. To edit an existing Form Field, click on the Form Field's Name OR click the Form Field's checkbox and then click on the "Edit" icon in the toolbar.

If you need different forms, assign the Form Fields to different categories and create new contacts for these categories as well;

Read more: Basic Features

AcyMailing

Description

You can integrate AcyMailing with Contact Enhanced so that when a user submits a form, this user is also subscribed to one or several AcyMailing Lists. Contact Enhanced uses the AcyMailing API, so it will work with all Acymailing Versions (including Starter).

Requirements

  1. Have configured at least one list in AcyMailing;
  2. Have watched the Form Fields -> Basic Features screencast;

    Read more: AcyMailing

Auto Complete

Description

 Creates an auto complete Form Field where you can search content from any table in the database.

Requirement

  1.  Have watched the Form Fields -> Basic Features screencast.

Usage

 Select Components → Contact Enhanced → Form Fields from the drop-down menu on the back-end of your Joomla! installation, then Select AutoComplete from the Field Type select list;

 Choose a category for your Form Field, then Save the changes.

Add a SQL query to the value. The SQL Query must return one column only and the column name OR alias must be "value". Use {selectresult} as the text to search for

Code Example

SELECT title AS value
FROM #__content
WHERE state=1
AND title LIKE '%{selectresult}%'
ORDER BY title ASC

Campaign Monitor

Description

Campaign Manager Custom Field
Campaign Manager Custom FieldClick to watch
2:55 minutes
777 views
Average: 5.00
Votes: 1
With Campaign Monitor Form Field your can display your CampaignMonitor lists so your users can subscribe themselves when they send submit the Contact form.

Requirements

  1. Have watched the Form Fields -> Basic Features screencast;
  2. You have to sign up to Campaign Monitor and add the API and ClientID to the Custom Field Parameters, which are only displayed after you save the form;
  3. Campaign Monitor API requires Apache cURL module to be enabled [1];

Read more: Campaign Monitor

Chain Select List

Chain Select List
Chain Select ListClick to watch
4:6 minutes
2410 views
Average: 4.33
Votes: 6
Chained Selects lets you "chain" multiple select lists together so that the selection in a "parent" list can tailor the options available in a "child" list. Chained Selects supports unlimited unlimited number of "chains" in in a form.

In order to Create a chain select list you have to use the SQL Form Field and the fields will be loaded using AJAX JSON Calls.

The first option of a Chain select list can also be a Radio list.

Read more: Chain Select List

Checkbox

CE - Checkbox Custom Field
CE - Checkbox Custom FieldClick to watch
0:39 seconds
344 views
Average: 0.00
Votes: 0

Value:

Values separated by | (pipe)

Value example:

Firefox |Internet Explorer |Opera |Google Chrome |Safari |Other

Output:

Browsers Tested
Firefox




Constant Contact

Description

With the Constant Contact Form Field integration, you can now sign up any user to a Constant Contact list with a few simple steps. Constant Contact is a field and does not display Constant Contact fields, so additional CE fields need to be assigned to the category that match Constant Contact (Surname, Name, Email, City and State). This way Contact Enhanced will submit the fields to Constant Contact;

Requirements

  1. Have a Constant Contact account and at least one list created
  2. Have a Mashery account (explained later);

    Read more: Constant Contact

CSS

Description

You can add any CSS code to a page where a Contact Enhanced form is published. Please do not confuse this Custom Field with the Attributes Field of every Custom Field where you can add the style="" attribute.

Requirement

  1. Have watched the Form Fields -> Basic Features screencast;
  2. Some CSS knowledge;
  3. FireBug might help in this task; (optional);

Read more: CSS

Date

CE - Date Field.
CE - Date Field.Click to watch
0:25 seconds
62 views
Average: 0.00
Votes: 0

Value:

Blank

Output:

calendar

Read more: Date

Date Range

CE - Date Range Field
CE - Date Range FieldClick to watch
0:30 seconds
57 views
Average: 0.00
Votes: 0

Value:

Blank

Output:

calendar to calendar

 

Read more: Date Range

Free Text

CE - Free Text
CE - Free TextClick to watch
0:38 seconds
59 views
Average: 0.00
Votes: 0

Value:

Any text, allows HTML


Hidden Input

CE - Hidden Field
CE - Hidden FieldClick to watch
0:35 seconds
211 views
Average: 5.00
Votes: 2

Value:

Any text

The value will be displayed in the email message;

Advanced:

If you want to integrate Contact Enhanced with other systems you just you can send variables in the URL that will populate the fields;

You will just have to add cf_ID=example to the URL, where ID stands for the Form Field ID, so it will look something like this:

http://ideal.fok.com.br/support/contact.html?cf_12=Your Question goes here&cf_15=My Transaction ID

Javascript

Description

You can add any JavaScript code to a page where a Contact Enhanced form is published. Please do not confuse this Custom Field with the Attributes Field of every Custom Field where you can add html attributes such as onblur="", onchange="", cols="", rows="" ,....

Requirement

  1. Have watched the Form Fields -> Basic Features screencast;
  2. Some Javascript knowledge;
  3. FireBug might help in this task; (optional);

Read more: Javascript

MailChimp Integration

CE - MailChimp Integration
CE - MailChimp IntegrationClick to watch
1:43 minute
176 views
Average: 5.00
Votes: 3
 With MailChimp Form Field your can display your MailChimp lists so your users can subscribe themselves when they send submit the Contact form.

Multitext

CE - MultiText
CE - MultiTextClick to watch
0:31 seconds
46 views
Average: 0.00
Votes: 0

Value:

Blank or text

Output:

Multiple File Upload

Description

Contact Enhanced allows your user to upload Multiple Files at once, with multiple file selection, progress bars and validation. The files are uploaded via Ajax, so the form will be processed much faster (version 3.2 and newer).

Requirement

  1. Have watched the Form Fields -> Basic Features screencast;
  2. In Joomla 3.2 and newer, jQuery and Bootstrap will be loaded (automatically);

Read more: Multiple File Upload

Number

CE - Number Custom Field
CE - Number Custom FieldClick to watch
0:31 seconds
79 views
Average: 0.00
Votes: 0

Value:

Range separated by -

Value example:

1-10

Output:

Number Range

CE - Number Range Custom Field
CE - Number Range Custom FieldClick to watch
0:35 seconds
39 views
Average: 0.00
Votes: 0

Value:

Range separated by - and Values separeted by |

Value example:

1-10|11-20

Output:

Pagination

Pagination Custom Field for Contact Enhanced
Pagination Custom Field for Contact EnhancedClick to watch
1:26 minute
808 views
Average: 5.00
Votes: 2

Description

You can break a contact form into multiple pages. This will allow you to collect data in a contact form over multiple pages (steps) instead of all in one.

Read more: Pagination

PHP

Description

You can add PHP code to a page where a Contact Enhanced form is published.

Requirement

  1. Have watched the Form Fields -> Basic Features screencast;
  2. Some PHP knowledge;
  3. FireBug (optional) might help in this task, in case you the PHP fields adds javascript code as well;

Read more: PHP

Radiobox

CE - Radiobox Custom Field
CE - Radiobox Custom FieldClick to watch
0:37 seconds
66 views
Average: 0.00
Votes: 0

Value:

Values separeted by |

Value example:

Firefox|Internet Explorer|Opera |Google Chrome |Safari|Other

Output:

 

 

Select List

CE - Select List Custom Field
CE - Select List Custom FieldClick to watch
0:33 seconds
192 views
Average: 0.00
Votes: 0

Value:

Values separeted by |

Value example:

Firefox|Internet Explorer |Opera |Google Chrome |Safari |Other

Output:

Select Recipient

CE - Select Recipient
CE - Select RecipientClick to watch
0:33 seconds
82 views
Average: 0.00
Votes: 0

Value:

email::Description separeted by |

Value example:

sales@mycompany.com::Sales Department  |

support@mycompany.com::Support Department

Output:

Subject

CE - Subject Custom Field
CE - Subject Custom FieldClick to watch
1:34 minute
137 views
Average: 5.00
Votes: 1

Value:

  1. Blank;
  2. Some text or Values separated by | (if you want to display as a select list)
  3. If the Form Field is set to hide you can add any Form Field input in the Subject by adding the following syntax {ALIAS} where ALIAS is the Form Field ALIAS; The {ALIAS} cannot be a checkbox Custom Field;

Subject Custom Field Parameters

With the Subject Form Field type you have four options of prefix, which will be added after the field is submitted:

  1. None: No prefix will be added;
  2. Custom Text: You can add your custom text for the prefix. You can also add any Custom Field input {name}, {email}, {user_ip} or any other custom field with the following syntax {ALIAS} where ALIAS is the Form Field ALIAS; The {ALIAS} cannot be a checkbox;
  3. Site Name: Will prepend the site name to the subject;
  4. Current Content Title: In case the form is embeded in an article  using the Content plugin, this option will prepend the content title to the subject;

Using Form Fields in Multiple Languages

 

Description

How to display Custom Fields in multiple languages;

Requirement

  1. Have Joomla Multi-lingual plugins enabled;
  2. Have created the language content in Joomla! Admin -> Extensions -> Language Manager;
  3. Joomla 1.6 and newer;

Usage

 

When you first install Contact Enhanced, all Form Fields are set to ALL languages. So first, you need to copy the current Form Fields to one of the languages.

Batch Process:

Go to Components -> Contact Enhanced -> Form fields, Select ALL Fields you need in multiple Languages, then click on the Batch button and move the fields to the new language.

One by one:

Go to Components -> Contact Enhanced -> Form fields, open the original form field set the language to English (or another language) under the Publishing Info slider and then change the name of the field for the new language and set the language to the chosen one and hit Save as a Copy and you are done.

 

Joomla 1.5:

In Joomla 1.5 it is a bit more complicated because it requires you to use Joom!Fish and it cannot translate multiple database tables per component. Please read this forum post.

Displaying Form Fields in Recorded Messages

Description

You can display one or more Custom Fields in the Components → Contact Enhanced →Recorded Messages (back-end)list.

Requirement

  1. Contact Enhanced 3.2+;

Usage

Select Components → Contact Enhanced → Form Fields from the drop-down menu on the back-end of your Joomla! installation. Then  under the General Parameters tab set Show on Recorded Messages to Show;

Displaying Form in Multiple Responsive Columns

Description

How to display Custom Fields in multiple columns.

Requirement

  1. Have setup and Category and Contact;
  2. Have watched the Custom Fields -> Basic Features screencast;

Usage

Go to Components -> Contact Enhanced -> Custom Fields.

1. Edit each Custom Field and under the General Parameters tab set the Width type to either Bootstrap OR Percentage.
Set to Bootstrap if your template is compatible with Bootstrap javascript library and if you want your form to be responsive.

2. Adjust the Field's Container Width to the desired number of columns.

You have to perform steps 1 and 2 for each custom field.

Keep in mind that the field order will be from left to right (top->bottom), so you can have multiple columns.  Please see screenshot below for example.

You might also create a CSS Custom Field and add the CSS rule below to make the fields take the full width;

.ce-cf-container{width:95%}

Screenshot

Contact Enhanced Form


Newsletter

captcha

Connect with us

We're on Social Networks. Follow us & get in touch.
You are here: Start page