Form Fields

Description

How to display Form Fields in multiple columns.

Requirement

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

Usage

Go to Components -> Contact Enhanced -> Form 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

{gdata id=|6e6UREuTOcY|}

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.

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

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;