Contact Enhanced Documentation

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

Contact Enhanced Form

Recommend to a friend

Copyright © 2018 IdealExtensions.com. All Rights Reserved.

This site is not affiliated with or endorsed by the Joomla!™ Project. It is not supported or warranted by the Joomla!™ Project or Open Source Matters™. The Joomla!™ logo is used under a limited license granted by Open Source Matters™, the trademark holder in the United States and other countries.
We may collect your IP address and your browser's User Agent string while using our site for security reasons and deriving aggregate information (analytics). This information is retained for a minimum of 1 and a maximum of 24 months.
Feedback