Upgrading Site and all extensions to lastest Joomla 2.5. Template Download will be closed for some days

How to add a widget to a module PDF Print E-mail
Written by Administrator   
Tuesday, 27 July 2010 13:10
A web widget is a portable chunk of code that can be installed and executed within any separate HTML-based web page by an end user without requiring additional compilation. They are akin to plugins or extensions in desktop applications. Other terms used to describe a Web Widget include Gadget, Badge, Module, Capsule, Snippet, Mini and Flake. Web Widgets often but not always use Adobe Flash or JavaScript programming languages. For example, the "Help Azaria" module in the left column of this site uses a widget from ChipIn.com (to test it, make a donation to Azaria's Dolphin Therapy fund to see the progress bar go up - wink wink). Many "web 2.0" sites offer widgets for blogs and other sites to display their content or tools for performing a specific task (like raising money via the ChipIn widget). It is a great way to add content or functionality to your site with very little effort. The process for embedding a widget to your site is usually just copying and pasting a snippet of code into the appropriate location.

The problem is, Joomla!'s built-in WYSIWYG editors strip out parts of the widget's code causing it to work improperly. With this article, I will explain how to work around that problem and get the widget embedded into a user module without stripping out code.

Step 1: Disable your WYSIWYG editor.

There are two ways to disable your WYSIWYG editor: the global configuration and the user manager.

Global Configuration

To disable the WYSIWYG editor in the global configuration, follow these steps:

  • Log in to your administrator control panel.
  • Click Site -> Global Configuration.
  • In the first tab, set "Default WYSIWYG Editor:" to "No WYSIWYG Editor".
  • Click "Save".

The problem with disabling the WYSIWYG editor in the global configuration is that it affects all users. You may want to keep the editor enabled for other users and disable it for yourself. If that is the case, you should disable the WYSIWYG editor in the user manager.

User Manager

To disable the WYSIWYG editor in the user manager, follow these steps:

  • Log in to your administrator control panel.
  • Click Site -> User Manager.
  • Click the Name of the user you want to modify.
  • In the right column under "parameters", set "User Editor" to "No WYSIWYG Editor".
  • Click "Save".

Step 2: Create the module.

To create the module, follow these steps:

  • Log in to your administrator control panel.
  • Click Modules -> Site Modules.
  • Click "New".
  • Enter the details, parameters, and pages/items to suit your needs.
  • Copy your widget code from your widget provider.
  • Paste the widget code into the content box under "Custom Output".
  • Click "Save".

NOTE: You can add more content to the content box, but you will have to use HTML because your WYSIWYG editor is disabled.

You are now widgetized.

That's all there is to it. You now have a widget. I should caution you, though, that too many widgets make a page look cluttered and unprofessional. So, choose wisely. Only use the widgets you actually need to use.

Other options

There are mambots/plugins and modules available that enable you to paste code into your WYSIWYG editor without it stripping out parts of the code. One example of such a module is the Jumi module and plign. If you can think of any more, please feel free to list it in the comments.


Administrator
Written on Tuesday, 27 July 2010 13:10 by Administrator

Viewed 5900 times so far.
Like this? Tweet it to your followers!


Newer news items:
Older news items:

Comments (0)Add Comment

Write comment

security code
Write the displayed characters


busy
Last Updated on Tuesday, 27 July 2010 13:12
 

Most downloads in 10 days

calendar.gifMay.20

a free Joomla template for travel

calendar.gifAug.01

Today Joomlapanel are pleased to announce the release of  Free JP Dreamland Template, the 5th Te...

calendar.gifMay.23

DS BUSUIT ARRIVED.The waits are finally over. With the long wait for the DS Busuit, now the beta...

calendar.gifJul.31

i-Business is a Joomla 1.5 native template. This is a clean and lightweight template.i-Business a...

Extensions stats

The download archive contains currently 143 downloads in 24 categories. To date, these have been downloaded 137321 times.

Blog Tips

Blog News
SEO Tips

Newest Files

calendar.gifMay.23

This Amazing Template design is delivered with the Following. 18 Module Positions CS...

calendar.gifMay.23

DS BUSUIT ARRIVED.The waits are finally over. With the long wait for the DS Busuit, now the beta...

calendar.gifMar.01

Latest Free Template From Joomvision

calendar.gifMar.01

Today Joomvision are pleased to announce the release of Free JV 9BodyTemplate

Online

We have 419 guests and 2 members online

If you Are finding premium Joomla templates You should try Template monster


Hosting a Website-Web Hosting Tutorials - Web Hosting Reviews & Guide About Hosting a Website

Latest Comments