An Introduction to Fabrik

| Joomla
An Introduction to Fabrik

There are nearly 30 options for creating Joomla forms. Fabrik is probably the most powerful of them all.

Rather than simply create forms, Fabrik allows you to create real applications. You can collect data and then feed that data into charts, maps, calendars and more.

However, although Fabrik is powerful and flexible, it can also be complicated to use. In this tutorial, we're going to give you a gentle introduction to Fabrik, and we'll show you how to set up your first form.

1. Install Fabrik

tutuploadsmedia_1335291815971_a617b27ec3c46072b26e25991007458a.png

2. Start Creating the Form

  • Click on Components > Fabrik > Forms > New to begin your first form.
tutuploadsmedia_1335292310038.png
  • Enter a Label. This will be the name for your form.
  • Set Status to Yes.
tutuploadsmedia_1335292523663.png

 

  • Scroll down to the Form processing area.
  • Enter a table name. This is where your form entries will be stored in the database. It is best to use only lowercase letters and underscores to create this name.
  • Make sure that Save partially completed multi-page forms is set to No.
tutuploadsmedia_1335292686204.png
  • Click on Save and Close. You have created your form and database table.

3. Add Elements to the Form

tutuploadsmedia_1335293028886.png

Now that you have the form, we need to add elements. Elements are the actual data that people will enter into your form. These will be things such as name, email address and phone number.

  • To add new elements to your form, click on Elements > New.
  • Fill in the Name. No-one will see this. This will be the column heading in your database table. It is important to keep your naming convention consistent for future implementation of code. Keep your Name all lowercase.
  • Fill in the Label. This is what people will actually see when they fill in the form.
tutuploadsmedia_1335293240411.png
  • Choose the Group. This is the name of the form you just created.
  • Choose the Plug-in. This decides what type of data you'd like to collect. For your "First Name" element, you will want a "Field" plugin, which allows users to type in a textbox.
tutuploadsmedia_1335293401942.png
  • Set Show in list to Yes. This will make the element show on your form.
tutuploadsmedia_1335293562518.png

 

  • Click Save and Close
  • Repeat the steps above to make all the elements you need for the form. A good example would be to create a "last_name" field element also.

4. Link Your Form to a Menu

  • Go to your Menu Manager, click on your Menu, Add new Menu Item.
  • Click Select next to Menu Item Type.
  • Scroll down and click on Form under the fabrik heading.
  • Choose your Form on the right-hand side.
  • Enter the Menu Title.
  • Click Save & Close.
tutuploadsmedia_1335294011626.png

 

5. View Your Form

Congratulations. You have created a form with Fabrik.

If you want to see the information entered in the form, go to Components > Fabrik > Forms and click View data next to your form.

tutuploadsmedia_1335294107294.png