Digital Media Insights for Business Owners

Jquery UI – Installation in Drupal 6 – Easy

This post is a fast one. You may be one of the thousands of people trying to install jQUERY UI module for Drupal 6. However you may find yourself struggling to make it happen. Perhaps you are like me and every time that you have to install it you keep forgetting how it is done. Here you will find the quick answer so you don’t have to keep looking. Simply just do it.

I know that so many times I have said that I am going to write this quick post and so I have finally decided to do it.

The problem.

The problem is that the installation of the Jquery UI module in Drupal 6 is not as straightforward as you may think. And so the Drupal.org website has some instructions that are extremely complex and sometimes contradictory. Believe me I have spend great amount of time trying to figure it out. However more than once I have ended up having to go to the forums and reading pages of pages of semi-documentation until I finally get it to work.

Since I want to spare you of this trouble then here it is. The easy installation process of Jquery UI in your Drupal 6 Installation.

The Solution.

First go ahead and download the jquery_ui module from drupal.org. (in my case I actually use drush, so the command would be:

/*In the terminal type*/
user$ drush dl jquery_ui
/*End of Code*/

2. Now you may be tempted to just go ahead and enable it, however this is not the way to go.
3. Head to the jquery_ui plugin download page: http://code.google.com/p/jquery-ui/downloads/detail?name=jquery.ui-1.6.zip&can=2&q=1.6
4. Now that you have it in your “Downloads” folder then head to the root directory of your Drupal installation.
5. Then click the folder “sites”.
6. Then click on the folder “all”.
7. The locate the folder named “libraries” if it doesn’t exist, then feel free to create it here.
8. Move your zip file from your “Downloads” to your “libraries” folder and unzip it.
9. Delete the zip file.
10. Now you should be inside of the “libraries” folder and have a folder named something along the lines of “jquery.ui-6-12x”.
11. Proceed to rename that folder to the following: “jquery.ui” – make sure that the folder is jquery then a DOT and then UI.
12. That’s it, now you may head back to your modules page in Drupal to enable the Jquery UI module.

I hope this helps you accomplish even more with Drupal.

Until next time.

Alex Centeno MBA.
Creative Director & Digital Media Strategist
Merkados Interactive Partners
www.Merkados.com

Latest News:  To learn more about our latest projects visit our portfolio at: http://www.merkados.com/portfolio

Say: "Hola" to your new clients.

Follow us on Social Media for more Tips & Tricks.

Other Posts You May Enjoy