Facebook: peludo71 Twitter: peludo71 Linked In: peludo71 del.icio.us: peludo
Peliconbar

Hello Everybody!!

 I have created my first Component and Module for JOOMLA users. I was  looking for a component to let me create an Icon toolbar and I was not able to find any, so I decided to builded my own and share it with everybody.  

 DOWNLOAD

 If you want to download the soource code, please register your self in my website, then, under user menu you will fine Download menu option, here you will be able to download the component and the module.Pelicionbar Module

INSTALLATION

  1.  First Install the component, com_peliconbar3_0.zip
  2.  Download and install the module, mod_peliconbar3_0.zip

SOME EXAMPLES

This are examples provided by Joomlers who downloaded PELICONBAR already. Click Here !!

If you want to send me your Peliconbar example, please send me an email.

UTILIZATION

You can use PELICONBAR in two ways:

  • Add the component to an existant menu, which will display the iconbar configured in the body page of your webpage.
  • You can enable peliconbar module and displayed in any of the containers.

 Peliconbar Component

 INSTRUCTIONS

After you install the component and the module, you will have one peliconbar as an example. This iconbar have 6 buttons with images included. This example is displayed in the screen shots above.

You can add or delete as many icons you need, to do this go to the component menu:

Component Menu

Select "Edit Icons", the result page will display all your icons of your iconbar.

In the Edit Icons page, you can add, delete and modify your icons, you can also publish and ubpublish your icons.

If you would like to add a new icon, click on "New"  a new page will be displayed:

Icon Details 

 The "Icon Details" page will be displayed askin for:

  1. Description of the Icon
  2. URL associated to the Icon
  3. Image displayed when you move the mouse over the Icon
  4. Image displayed when you move the mouse out of the Icon
  5. The background color assigned to the cell where the Icon will be displayed
  6. The vorizontal align to the cell for the Icon
  7. The vertical align to the cell for the Icon
  8. If you want to publish or not your Icon

When you add or modify an Icon you are changing the attributes of the Icon. Now, to modify the characteristics of the table, you need to go to the "Configure" menu option of the component.

Configure Menu

Under Configure menu options you can setup the options for the table container of the Icons. On important parameter is the "Table Icon Break position", this parameter will be the number of columns displayed per row, in the screen shot above 3. If you set this to zero (0) one line will be displayed.

THE MODULE

The module will display the Icons saved in the database in one of the containers of your template. The parameters of the module are the same as the "Configure" parameters for the component, but these are independant, so, you will need to setup these and you can also can give the module iconbar different looking.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

FINAL COMMENTS

As you can see it's pretty easy to setup the component and the module and I hope you enjoy as I did creating it. If you feel this tool improve the actual behaviour of your webpage, you are invited to make your donation and contribute to support my job in future developments in mind. The donation section is located in the main Page.

 FUTURE RELEASES

(DONE 2.0) I will start working on the validations of the fields in the component and the module, also, make the DATE available and create drop down list for the aligns columns.

(DONE 3.0) I will include image uploader and image selector for the icons.

Release 3.0:  Picture 1    Picture 2

Next Version 4.0:

I will include an import/export tool

 

Please feel free to send me your comments. Esta dirección electrónica esta protegida contra spambots. Es necesario activar Javascript para visualizarla

Efren Ramirez !!!

EL PELUDO