663 Modules match your search

Extend and customize Drupal functionality with contributed modules. If a module doesn't quite do what you want it to do, if you find a bug or have a suggestion, then join forces and help the module maintainer. Or, share your own by starting a new module.

Wysiwyg

Allows the use of client-side editors to edit content. It simplifies the installation and integration of the editor of your choice. This module replaces all other editor integration modules. No other Drupal module is required.

The Wysiwyg module supports any kind of client-side editor including HTML editors (a.k.a. WYSIWYG), pseudo-editors (buttons to insert markup into a textarea), or even Flash-based applications. The editor library must be downloaded separately. Various editors are supported (see below).

The Wysiwyg module also provides an abstraction layer for other Drupal modules to integrate with any editor. This means that other Drupal modules can expose content-editing functionality, regardless of which editor you have installed.

Discussions happen in the Wysiwyg group, and in IRC #drupal-wysiwyg.

Downloads

CKEditor - WYSIWYG HTML editor

This module will allow Drupal to replace textarea fields with the CKEditor - a visual HTML editor, sometimes called WYSIWYG editor. This HTML text editor brings many of the powerful WYSIWYG editing functions of known desktop editors like Word to the web. It's very fast and doesn't require any kind of installation on the client computer.

What is CKEditor?

CKEditor is the far superior successor of FCKeditor. The editor has been rebranded and completely rewritten. It is now much faster (the code has been optimized), loads faster (the number of files has been reduced, so the browser will perform less HTTP requests) and developers friendly. See the list of features.

Downloads

jQuery Update

Upgrades the version of jQuery in Drupal core to a newer version of jQuery.

Downloads

jQuery UI

A wrapper module around the jQuery UI effects library that lets module developers add swooshy, swishy effects to their code.

See http://jqueryui.com/demos for some examples of what jQuery UI can do.
See http://jqueryui.com/docs for documentation on how to use it.
See http://jqueryui.com/support if you need help getting jQuery UI to work, once it's being added to your pages.

Downloads

Superfish

Superfish integrates jQuery Superfish plugin with your Drupal menus.

Overview:

  • Unobtrusive JavaScript.
  • Keyboard-accessible, screen reader friendly.
  • Multi-column sub-menus. (Megamenus)
  • Easing effects with the jQuery Easing plug-in.
  • Automatic width calculation (sfAutomaticWidth plugin) (Use the development release)
  • Automatic sub-menu width calculation (Supersubs plugin), automatic sub-menu placement (Supposition plugin; prevents sub-menus from appearing off-screen.)
  • Touch-screen compatible. (almost)
  • Small-screen compatible. (<select> and vertical accordions)
  • RESS (more than just responsive! Window width (client-side) and UA string (client-side and server-side) methods for touch and small screen plugins (no media-queries))
  • RTL (Right-to-left) language support.
  • Plenty of built-in options for designers.
  • And a whole lot more...

Requirements:

  • Superfish library (Download Superfish library)
  • jQuery Update
    • Drupal 6 users: jQuery 1.3.x or higher.
    • Drupal 7 users: jQuery 1.6.1 or higher, only if you want to use the jQuery Easing plugin animation effects.
    • For jQuery 1.9 and above you must manually include the jQuery $.Browser plugin, via your theme .info file for example. (The SF library for Drupal 8 won't support IE7 hence no $.browser dependency)

Recommended additions:

Downloads

Insert

insert-module.png

Insert is a utility that makes inserting images and links to files into text areas or WYSIWYGs much easier. It adds a simple JavaScript-based button to FileField and ImageField widgets. When used with ImageField and ImageCache, images may be inserted into text areas with a specific ImageCache preset.

This module was previously known as FileField Insert.

Features

  • Support for all major WYSIWYG editors, including tinyMCE, CKeditor, the WYSIWYG project (the recommended approach), and plain text areas.
  • Insert images using ImageCache presets
  • Maximum width setting for inserted images (for combined use with the Image Resize Filter module)
  • Per-field insert configuration

See this module in action in the excellent FileField Insert / Image Resize Filter screencast by MustardSeed Media.

Requirements

  • CCK (2.5 or higher! D6 only.)

Recommended projects

Downloads

jCarousel

jCarousel screenshot

This module allows developers and themers to make use of the jCarousel jQuery plugin. It includes a developer API that other modules can use, as well as Views integration in the 2.0 version so that you can turn any list of content or images into a carousel.

Downloads

External Links

External Links is a small module used to differentiate between internal and external links. Using jQuery, it will find all external links on a page and add an external icon indicating it will take you offsite or a mail icon for mailto: links.

Configuration options:

Downloads

Gallery formatter

Galleryformatter

Gallery formatter provides a CCK formatter for image fields, which will turn any image field into a jQuery Gallery.

(Drupal 6) Watch the screencast for a demo of how to set it up REMOVED BY BLIP.TV!, or visit the demo page for seeing it in action.

Features:

  • Two imagecache presets which will work out of the box beautifully.
  • The thumbnails run under an infinite carousel.
  • Degrades gracefully without JS enabled, the gallery still works.
  • Integrated out of the box with thickbox, colorbox (recommended as the thickbox upgrade path), shadowbox and lightbox2 for the view full links.
  • Works with the swfupload, image_fupload, and imagefield_crop widgets.
  • A hook for modules to provide styles for the galleries.
  • Two options for styles, no style and a green arrows style. No style should be used for developing your own styles.

Downloads

jQuery plugins

The jquery_plugin module provides miscellaneous jQuery plugins, which can be loaded from any module or theme by calling jquery_plugin_add($plugin) in Drupal 6 or drupal_add_library('jquery_plugin', $plugin) in Drupal 7. The Drupal 6 version supports jQ, a jQuery plugin registry.

Downloads

Service links

Select and sort services

Service Links facilitates the adding of social networks links or javascript buttons within the content with a special focus on developers and themers interested to extend their number or customize their displaying. Built on Drupal for Drupal doesn't include commercial advertising or spying hidden code and doesn't require third part libraries.

The services included are various: del.icio.us, Digg, Facebook/Facebook Share/Facebook Like, Furl, Google Bookmark/Google Plus One, IceRocket, LinkedIn/Linkedin button counter, MySpace, Newsvine, Reddit, StumbleUpon, Technorati, Twitter/Twitter widget, Yahoo Bookmark, and many more, they are split for language in different packages: basque, dutch, farsi, german, hungarian, italian, polish, russian, spanish, swedish.

Other services are availables to be included within an extra module which can be built easily through a web interface.

Downloads

Flex Slider

Issue with Fields and alpha 2

Please upgrade to FlexSlider alpha 3 to fix FlexSlider Fields issues.
#2069435: FlexSlider alpha2 breaks FlexSlider Fields integration

Description

Flex Slider module integrates the Flex Slider library with Drupal and several contributed modules which allows you to build responsive, resizable slideshows. Meaning the slideshows automatically adapt to the size of the browser window or device.

Some features of FlexSlider slideshows include:

  • Touch enabled nagivation
  • Keyboard navigation
  • Configurable slide animations
  • Multiple sliders per page
  • Lots more...

Current Options

Allows you to use Flex Slider in a few different ways

  • As a library to be used with any other theme or module by calling drupal_add_library('flexslider', 'flexslider') or preferably with libraries_load('flexslider') or with flexslider_add()
  • Integrates with Fields (flexslider_fields)
  • Integrates with Views using a style plugin (flexslider_views)

FlexSlider v2

FlexSlider Video Tutorials

We'll be posting a series of videos on using FlexSlider to our YouTube playlist. If you have a suggestion for a video, post it to the #2068973: Video Tutorial Series Suggestions comment thread.

Downloads

Conditional Fields

Conditional Fields node form example

Define dependencies between fields based on their states and values.

Conditional Fields for Drupal 7 is an user interface to the new States API, plus the ability to modify fields appearance and behavior on certain conditions when viewing content.

Description

Conditional Fields allows you to manage sets of dependencies between fields. When a field is “dependent”, it will only be available for editing and displayed if the state of the “dependee” field matches the right condition.
When editing a node (or any other entity type that supports fields, like users and categories), the dependent fields are dynamically modified with the States API.
You can, for example, define a custom “Article teaser" field that is shown only if a "Has teaser" checkbox is checked.

Downloads

Views Accordion

Views Accordion screenshot

Views Accordion provides a display style plugin for the Views module.
It will take the results and display them as a JQuery accordion, using the first field as the header for the accordion rows.

For Drupal 7 the module integrates the jQuery UI Accordion plugin as a views style plugin. You can configure the options provided by the jQuery UI plugin.

For Drupal 6 the module used it's own jQuery code, so a different set of features is available for D6.

Features

  • Works with field grouping and relationships.
  • Option to use the field grouping headers as the headers for the accordion items. (yay!)
  • Configure settings for jQuery UI Accordion through the views interface.

Using jQuery UI themes

The recommended approach is to use jqueryui_theme module.

Features only for Drupal 6 only:

  • Option to Auto cycle items (which pauses on mouse over)
  • Option to add Open All - Close All links.

Downloads

Vertical Tabs

Picture 2.png

#D7CX This module got into core and will only be available as a back-port version for Drupal 6.

Provides vertical tabs like http://drupal.geek.nz/static/node-form/default/summaries2.html on the node add form.

This module provides the following features:

  • Vertical tabifying all node forms.
  • Vertical tabifying the content type forms.
  • Vertical tabifying the block forms.
  • Specialized CSS for Garland, as well as generic CSS for other themes
  • Color module support when both Garland and color.module are used
  • Vertical tabbed forms and fieldsets are over-ridable by using your site's settings.php and $conf. For more information see #644790-7: Simplify the module and integrate with form_controller to allow customizations.
  • When used in combination with Form module allows you to configure vertical tabs on all possible forms.

Downloads

Hierarchical Select

Hierarchical Select

Description

This module defines the "hierarchical_select" form element, which is a greatly enhanced way for letting the user select items in a hierarchy.

Hierarchical Select has the ability to save the entire lineage of a selection or only the "deepest" selection. You can configure it to force the user to make a selection as deep as possible in the tree, or allow the user to select an item anywhere in the tree. Levels can be labeled, you can configure limit the number of items that can be selected, configure a title for the dropbox, choose a site-wide animation delay, and so on. You can even create new items and levels through Hierarchical Select!

For a good overview of what Hierarchical Select can do, look at this demo!

I'm focusing on maintaining only the Drupal 7 version of Hierarchical Select. That means I'll only commit RTBC patches for the D6 version relatively quickly. If a co-maintainer steps up to help maintain the Drupal 6, I'd be happy to accept him/her! :)

Drupal 7 version

The Drupal 7 version integrates with:

  • Taxonomy (Drupal core)
  • Menu (Drupal core)

Downloads

Thickbox

The Thickbox module is a wrapper for the jQuery plugin ThickBox.

Thanks to user contributions the module provides automated integration
with ImageField (CCK) + ImageCache and the Image module.

Downloads

Galleria

This module allows users to create image galleries using the Galleria jQuery plugin, found on http://galleria.aino.se.

Downloads

Multiselect

Multiselect Screenshot

The Multiselect module defines a widget to be used with CCK fields. It allows the user to select multiple items in an easy way. It consists of two lists, one of all available items, the other of selected items. The user can select an item by moving it from the unselected list to the selected list. This module relies on the built-in jQuery features of Drupal and does not require any additional modules other than the CCK module set (Drupal 7 version has no dependencies).

Downloads

Tabs (jQuery UI tabs)

This module will not be updated to Drupal 7. See #1056562: Deprecate Tabs module for D7 in favor of Elements.

The tabs module integrates the jQuery UI tabs plugin, providing client-side interactive tabs. This is a helper module. It doesn't do anything on its own. Rather, it is used by other modules that provide tabs.

Downloads

Javascript Aggregator

Javascript Aggregator

The aim of the JavaScript Aggregator module is to improve performance of your site with less server requests and bandwidth per page. In Drupal 5, all the JavaScript files will be aggregated into one file and optionally minified. JavaScript aggregation was brought into core with Drupal 6, so the Drupal 6 version of this module goes one step further to minify that file.

It basically does the following:

  • Takes the $scripts variable and removes .js files using a regular expression
  • Generates a unique filename for any set of .js files
  • Creates and caches one file containing all .js files in files/js
  • Optionally minifies the JavaScript using JSMin
  • Returns a modified $scripts variable with link to cached file

Downloads

Compact Forms

compact_forms_en.jpg

Compact Forms presents text fields for selected forms in a more compact fashion using jQuery.

The form item/element fields are overlaid with their respective labels. When the user focuses a field the label fades away nicely, and if the field is left empty the label fades back in again.

By default, only the user login block is switched to compact style, but the behavior can be added to any form by adding the corresponding CSS ids to the Compact Forms configuration.

  • Degrades back to the original form when JavaScript is switched off.
  • Fields like textareas and checkboxes are currently not affected.
  • Inspired by A List Apart

Downloads

Image javascript crop

Imagecrop

Overview

This module makes a 'Javascript crop' effect available for Image styles (Imagecache in Drupal 6). Because this happens when the image is displayed the original image is always preserved and can be cropped in different ways depending on where it is used.

Usage

Typical Configuration

Go to Configuration > Media > Image styles and click the Add style link. Choose a name for your style, then on the next page choose to add the JavaScript crop effect and configure as appropriate.

Downloads

JQuery menu

Jquery menu uses simple, cross browser compatible jquery to transform your multilevel menus into click and expand menus. Yes this module is similar to dhtml menus and active menus, but it is different in a couple of key ways.

  1. Unlike dhtml menus (which requires you to click twice on a link to actually follow an expanded link) Jquery menus separates the link from the expanding mechanism (there is a small plus symbol that you click instead to expand the menu). This makes for a more natural navigation.
  2. Unlike active menus, which makes ajax calls to fill in the lower level menus when you click the plus symbol, Jquery menu creates the menu in full on the initial page load. I personally have used active menus for several months and have found that those ajax calls sometimes fail, and are not as stable as jquery.
  3. Unlike Active menus which transforms all menus into active menus once the module is turned on, Jquery menu only creates a jquery block for the menus that you specify. To chose which menus you want to be active you just have to visit the admin page at 'admin/settings/jquerymenu' .

Downloads

Clientside Validation

Settings for enclosing the fieldname

This module adds clientside validation (aka "Ajax form validation") for all forms and webforms using jquery.validate. The included jquery.validate.js file is patched because we needed to be able to hide empty messages.

#D8CX: I pledge that Clientside Validation will have a full Drupal 8 release on the day that Drupal 8 is released.

Downloads

Pages