Algodon
The following instructions will guide you through using Chrono Forms to create a registration page that mimics the functionality of the Joomla registration page. This allows you to bring added security into the registration process on your website whilst only needing to edit one Joomla file to make your final site more secure. This tutorial assumesthat: you are running Joomla 1.5, and that you have installed Chrono Forms version 3.0 Stable or a later Release Candidate This Tutorial was created by Philip Roy and edited by GreyHead
Creating the basic form using the Form Wizard
Login to the administration area of your Joomla website. From the "Components" menu, choose "Chrono Forms" and "Form Wizard" . . .
Building a registrationform using ChronoForms - 1
Tutorial by GreyHead ~ www.greyhead.net
Add fields to your form
You are now going to use the Form Wizard to develop the various portions of your form. First, click on the TextBox and drag it into the Form box. Click it to edit, then in the Properties box set the Label to 'Name' and the Validation to 'Required'. Click Apply in the Properties box to accept thesechanges.
Building a registration form using ChronoForms - 2
Tutorial by GreyHead ~ www.greyhead.net
Add two more fields . . .
In exactly the same way add two more TextBoxes. Change the Label of the first to 'Username*' with Validation 'required; apply the changes. Change the Label of the second to 'Email address' with Validation both 'Required' and 'Email'; apply the changes.
Buildinga registration form using ChronoForms - 3
Tutorial by GreyHead ~ www.greyhead.net
Add password fields
Add two PasswordBoxes. Label the first 'Password*' and the second 'Confirm password*'. Make both required and Apply the changes.
Building a registration form using ChronoForms - 4
Tutorial by GreyHead ~ www.greyhead.net
Add image verification and a submit button
Add thelast two fields to your form - you need to be careful to drag the fields into the grey border of the Form box or they will be put in the wrong sequence. If that happens, delete the misplaced field and try again. Add a Captch field and Label it 'Image Verification' and then a Button and Label it 'Register'.
Building a registration form using ChronoForms - 5
Tutorial by GreyHead ~www.greyhead.net
Save your form
This is all you have to do in the Form Wizard area, so click on the "Save Form" option . . . Save your form with an obvious name, like "registration". Note: Once you have saved the form in the wizard you can't use the wizard to edit it; you have to edit the form directly using the other tabs in the editor.
Building a registration form using ChronoForms - 6 Tutorial byGreyHead ~ www.greyhead.net
Adding changes to make the form work as a registration form
You should be back in the main Chrono Forms management area of the component now. If not, go to the "Components" menu, choose "Chrono Forms" and "Forms Management". On the page that appears, the registration form you made should be listed. Click directly on the name of the form...
Building a registrationform using ChronoForms - 7
Tutorial by GreyHead ~ www.greyhead.net
Turn the email on
First, in the section under the "General" tab, you need to set "Email the results ?" to "Yes" via the pop-up menu...
Enable Anti-Spam image verification
Under the "Anti Spam" tab, you need to set "Use Image Verification;" to "Yes" and "What type of image to show ?" to "With Fonts"...
Building aregistration form using ChronoForms - 8
Tutorial by GreyHead ~ www.greyhead.net
Enable field validation
Under the "Validation" tab, set "Enable Validation ?" to "Yes" and "Validation Library" to "mootools"...
Enable Joomla Registration
Under the "Plugins" tab, make sure that the "Joomla Registration" option is ticked....
Building a registration form using ChronoForms - 9...
Regístrate para leer el documento completo.