Introduction

The Form Manager what allow you to create your own registration form, was the main feature of the version 2.0. The whole form manager based on jQuery, and working on the backend of Joomla.

First steps

To reach the Form Manager, you need to login to your Joomla! administrator page.

After successful login, go to the Components/Improved AJAX Login & Register/Form Manager. You will see a default form in the list. To edit it, click on the name, and the Form Manager will load.

About the layout

Form manager has a very intuitive design, what helps the user all the time. The layout has 3 separated part, which all has the functionality.

Fields

On the left hand side, there are the usable fields. It has 3 main groups, what are the followings:

  • Default fields: These fields are the most common fields, what a registration form usually come with. These items are a suggestions for the users, to what to include in the form.

    alt
  • Profile fields: These are additional fields, what can extend the registration form, if you would like to know more from your users.

    alt
  • Custom fields: These fields help to complete your form with labels, header texts, and so on...

    alt

All the fields what are not inactive can be simply pulled to the form, and when you find the suitable position just release the mouse, and the field will be there. Just use a single drag & drop method.

The Form

On the center you can see the registration form. This form is a Live Editor, so the users will see it on the frontend as you leave it when save. When the fields are in the form, you always has the chance to edit the order of the fields also with the drag & drop method. You can also remove a field by simple click on it, then click on the delete button. If you would like to keep an element, but edit its properties, click on it, and the editor will appear on the right.

Live Form Editor
Live Form Editor

Edit properties

In this part, you can edit the properties of a field, such as change the title, or add more width. You can access this part, if you click on an element of the form, and it will load.

Edit properties
Edit properties

Tutorial Video

We have created a tutorial video, what shows the Form Manager during work with narrated voice.