Making Widgets In Joomla 1.1

Here’s a nice tip for anyone interested in making little module type web apps in Joomla. As the Joomla WYSIWYG has problems reading HTML code, such as form elements, we need to temporally switch the editor off.

1. Design an code your widget / web application, then go ahead and create a new module in Joomla.

2. You then need to switch off the TinyMCE WYSIWYG in the Joomla Global Config.

3. Go back to your module and paste in your html code (for future reference, make sure you keep an exact copy of this code).

4. Save the module and go back to Global Config and switch on the TinyMCE WYSIWYG.

5. Job done!

Note: Whenever you go to edit that module again and re-save, for example to assign it to another page, you will need to first switch off the WYSI and paste in your code again. This is annoying, but worth knowing about, as your widget will loose it’s code each time you re-save the module.