4 Building a Joomla Registration Form using ChronoForms, Study notes of Database Management Systems (DBMS)

Download 4 Building a Joomla Registration Form using ChronoForms and more Study notes Database Management Systems (DBMS) in PDF only on Docsity!

Building a registration form using ChronoForms 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 assumes that: 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 registration form using ChronoForms - 1

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.

Building a registration form using ChronoForms - 3

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

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

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 registration form using ChronoForms - 7

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

Find the Input Field ids

You now need to do some investigating for some things we are going to do later. Go to the "Form Code" tab and in that section click the "+/-" link next to "Form HTML" so that you can see all the code that is making up the form at the moment. You need to check the Names for each of the fields that are being placed within your form. In the example below, you can see the relevant Names are: Name = text_0; Username = text_1; Email Address = text_2; Password = text_3; Confirm Password = text_4 Make a note of these to refer to later.

Building a registration form using ChronoForms - 10

Linking the form to the Registration plugin within Chrono Forms

The final part is to tell Chrono Forms that you want this form linked to a Registration plugin within Chrono Forms. Basically this is saying to Chrono Forms to treat this form a little special in relation to other forms. It's very easy to do and ensures that the information entered by users into the form gets added into your database in the same way that all other registrations do. Simply put a tick next to the name of your form in the Form Management area and then click on the words "Joomla Registration" in the "Plugins" column to the left of the list...

Building a registration form using ChronoForms - 12

Linking the fields

On the page that appears, put the Input Names in that you noted earlier. Here is an example of how the Names need to be entered to match your fields with the ones expected by the Joomla registration process. Once you have entered the field names, click "Save" and you've got a working registration form!

Building a registration form using ChronoForms - 13