Articles

Edit Custom Field Overview

Navigate to the Custom Fields Manager. To add a new Custom Field, press the "New" icon in the toolbar. To edit an existing Custom Field, click on the Custom Field's Name or click the Custom Field's checkbox and then click on the "Edit" icon in the toolbar.

Description

This is where you can add a Custom Field or edit an existing one. Contact Enhanced allows you to list Custom Fields on your web site's contact forms. Contact Enhaced has the ability to allow you (site administrator) to assign custom fields to a contact category. Therefore you have to create a category before you create a custom field. Your users will be able to fill that custom field when they submit the form.

Screenshot

Image:ce_cf_edit.png

Custom Field Details

Name

Name Field

Name or Title for the custom field. This is the text that will be shown in the front-end as the field label;

HTML Output: <label for="cf_field_id">Field name</label>

Field Type

Field Type

Value

For certain Field Types (Select list, Radio, Checkbox, Free Text, Number, Number Range) you have to setup the available options separated by pipe | . For example, on our support contact page you have to fill which browsers you have tested, in order to do that we selected the checkbox field type and typed the following content in the value box: Firefox|Internet Explorer|Opera|Google Chrome|Safari|Other. See table above for more examples.

Tooltip

Image:Tooltip

Add a tooltip to be shown when the mouse is over the field's label (frontend).

  • Allows HTML tags
  • Max length:250 character

Atributes

Attributes

This advanced option makes Contact Enhanced even more powerfull! You can add styling and javascript code here. If you are an advanced user you can add, for example, a background-image to any field or a javascript onchange event to a selectlist;

Attibutes dummy examples:

  • style="background-color:#F0F0EE;border:1px dashed #9FD377"
  • onfocus="this.style.border='3px solid #9FD377'"
  • onblur="this.style.border='1px dashed #9FD377'"
  • onblur="if(this.value !=''){ alert(this.value);}"

Publishing Info

Published

Published

Whether or not Users can view this Custom Field.

Category

Image: Category

Select the Contact Enhanced Category for this Custom Field from the drop-down list box. Note that you must have at least one Contact Enhanced Category defined before you can add a Custom Field.

Order

Image: Ordering

Indicates the order of this Custom Field when display on the website . The default Order is to add the item to the end of the list. This Custom Field will move to the position just after the Custom Field selected from the drop-down list. Note that the Order of Custom Field can also be changed in the Custom Field Manager.

Required

Image: Required

Indicates whether the user is required to fill this field in order to submit the form or not. Contact Enhanced uses MooTools1 to validate the forms.

Toolbar

At the top right you will see the toolbar:

Image:section_edit_toolbar.png

The functions are:

  • Save. Save it and return to the main screen of the Manager.

  • Apply. Save it, but stay in the same screen. If you have been working on a screen for a long time and don't want to risk losing your work, pressing Apply saves your work and lets you continue working. If, for example, you lost your Internet connection, your work will be saved up this point.

  • Close. Return to the previous screen without saving your work. If you press Close while adding a new item, this new item will not be created. If you were modifying an existing item, the modifications will not be saved.

  • Help. Opens this Help Screen.

Points to Watch

At least one Contact Enhanced Category must be added before adding the first Custom Field.

1 MooTools is a compact, modular, Object-Oriented JavaScript framework designed for the intermediate to advanced JavaScript developer. It allows you to write powerful, flexible, and cross-browser code with its elegant, well documented, and coherent API. MooTools code respects strict standards and doesn't throw any warnings. It's extensively documented and has meaningful variable names: a joy to browse and a snap to understand. MooTools is compatible and fully tested with Safari 2+, Internet Explorer 6+, Firefox 2+ (and browsers based on gecko), Opera 9+. Mootools is the Joomla default Javascript Library!

Newsletter

captcha

Connect with us

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