Easily Build Joomla Components with Component Creator

During the last 8 years, developers have created 10,000’s of components for Joomla.

Some of the work involved in creating an extension can be fairly tedious. There are installation packages to build, database tables to created and layout files to generate.

Component Creator from Jensen technologies allows you to automate all of those tedious tasks. It will help you to create your own installable components without typing a single line of code.

Here’s how Component Creator works:

Step 1. Create an account

It is free to use Component Creator for simple components, although they do charge for some additional features and for support.

Step 2. Create your first component

  • After logging in, click the button: “Add component”.
Component Creator Joomla

Add the basic information. The most important fields are as follows:

  1. The name, use the prefix com_ like: com_yourcomponent – be sure you use a unique name in this field.
  2. The displaying name. This one will be displayed in your menu under Components >> Your Component.
  3. The target version is the compatibility for Joomla. Supports 1.6 to 3.1.
  4. Be sure all the fields are filled before clicking “Save component”
Component Creator Joomla
  • You will get a success message at this point:
Component Creator Joomla

Step 3. Add tables

Adding a table is the way that you will get a backend and frontend interface for managing content.

  • Click “Manually add tables”.
Component Creator Joomla
  1. Add the table’s name using as prefix #__yourcomponent_ like: #__yourcomponent_mytable
  2. Mark the checkbox to create the list view in administrator. Use the plural of the name to displays a label, like: My Tables
  3. Mark the checkbox to add the form view in administrator. Place the label name for this one.
  4. Mark the checkbox to enable the Frontend view.
  5. Mark the checkbox to enable the ACL Control.
  6. Be sure the fields are filled properly before clicking “Create table”
Component Creator Joomla

You will get a success message. Also, some standard fields are added automatically, such as id, ordering and state.

Component Creator Joomla

Step 4. Add fields to your table

You may need to add custom fields to manage and display custom content.

  • Click “Add field”
Component Creator Joomla
  1. Field name is the unique name; use lowercase without spaces.
  2. Fieldtype; like text, textarea, checkbox, radio buttons, etc.
  3. Optional fields.
  4. Mark the checkbox to enable the form view and assign a custom name.
  5. Mark the checkbox to enable a list view.
  6. Be sure the fields are filled properly before clicking “Add field”
Component Creator Joomla

Step 5. Build the component

Now, we have a custom component with a single table. Now its time to generate the installer zip package.

  • Click “Build” on the right or in the list of your components.
Component Creator Joomla

You’ll get a message saying the the extension was created. The next extension file will have a name like this: com_yourcomponent-1.0.0.zip.

Component Creator Joomla

Step 6. Install the component

The component can be installed in the regular way. Go to Extensions >> Extension manager >> browse the zip file >> Upload & Install

To see your component in action, go to Components >> Your Component.

Component Creator Joomla

 

inShare

WEEKLY NEWSLETTER Get free, weekly updates from the OSTraining blog.

Trusted by 60,000 readers.

Weekly Newsletter

Get free, weekly updates from the OSTraining blog.

Trusted by
60,000 readers.

License

All of our tutorials are published under the Creative Commons Attribution-NonCommercial license. This means:

  • You can re-use these tutorials.
  • You can modify these tutorials.
  • You must link back to our original tutorial.
  • You can’t use these tutorials commercially.

Click here to read the full license.

Gửi phản hồi

Please log in using one of these methods to post your comment:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Log Out / Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Log Out / Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Log Out / Thay đổi )

Google+ photo

Bạn đang bình luận bằng tài khoản Google+ Log Out / Thay đổi )

Connecting to %s

%d bloggers like this: