11 de jul. 2009

Tutorial chronoforms, joomla plugin for forms

pagina de descarga http://www.chronoengine.com/downloads/chronoforms/chronoforms-j1/85-component.html

Home
Extension Tutorial: Chronoforms

Joomla forms

We will be using a Chrono Forms extension (component) to make it work. Chrono Forms is simple to use and allows you to paste the form directly into page.

  1. Download ChronoForms
  2. Install Chronoforms
  3. Create form code
  4. Insert form code
  5. Create a menu item to your new form
  6. Advanced Features: Email code

Download ChronoForms

First we need to download ChronoForms from their website (chronoengine.com).

Install Chronoforms

Chronoforms is a component so installing is done in Administration area of Joomla.

  1. Go to Install>Components
    installers_components
  2. Select file on your computer
    install-new-component
  3. Click on Upload and Install.
Chronoforms is now ready.

Create form code

To use a form on our website we first need to create it. You can use Dreamweaver, Online Builder or any other way to create a form, but it has to be without

tags. If you insert a code with form tags it will not work.If you use a form generator, make sure you delete any unneccessary tags.

Your code must look like this:



and not like this:




Insert form code

  1. To insert code go to Components>ChronoForms and Configuration.
    configuring_chronoforms
  2. Click on Save.
  3. Now click on New and you can now enter your forms details.
    configuring_chronoforms222333
  4. Fill in the data and save it.

Create a menu item to your new form

Before you can see your form, you have to create a link item to it.

  1. Go to Menu Manager>Main menu
  2. Click on New
  3. Select URL
    chrono_menuitem
  4. Insert this code: index.php?option=com_chronocontact&chronoformname=x
    where x is the name of your form set in configuration.
    chrono_menuitem2
  5. Save and check your site.
If everything is set correctly, you will receive results entered through form to your email.

Advanced features (this is not for beginners)

Email code is an optional thing, and comes handy with bigger forms that have lots of elements. With this code you can control how will the results look when you receive them.