Jquery UI – Installation in Drupal 6 – Easy

September 8th, 2011 admin Location: Raleigh, NC, Topic: Web Design | Digital Media

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

About the Author

Alex Centeno MBA., is an international creative director and digital media strategist. Currently residing minutes away from the Research Triangle Park (RTP) - North Carolina, and with over 10 years of interactive marketing training and experience, Alex leads Merkados' international clients to maximizing their online business strategies. One of Alex's biggest strengths is his world-class capacity to effectively combine interactive marketing, digital media design and web development.

You may find further information about Alex Centeno MBA. at: and Twitter.

Sobre el Autor

Alex Centeno MBA., Es un director creativo y estratega de medios digitales reconocido internacionalmente. En la actualidad reside a tan solo minutos del Research Triangle Park (RTP) - Carolina del Norte, y con más de 10 años de entrenamiento y experiencia en marketing interactivo, Alex lidera a los clientes internacionales de Merkados™ para maximizar sus estrategias de negocios en línea. Una de las mayores fortalezas de Alex es su capacidad global de combinar de manera efectiva, mercadeo interactivo, diseño de medios digitales y desarrollo web.

Para más información sobre Alex Centeno MBA. puede visitar: y Twitter.