751 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

jQuery Update

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

Downloads

CKEditor - WYSIWYG HTML editor

This module will allow Drupal to replace textarea fields with the CKEditor - a visual HTML editor, usually called a 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.

Useful links

Downloads

Colorbox

Colorbox example with the default style

Colorbox is a light-weight customizable lightbox plugin for jQuery. This module allows for integration of Colorbox into Drupal.

Images, iframed or inline content etc. can be displayed in a overlay above the current page.

Features

The Colorbox module:

  • Works as a Formatter in entities and in views.
  • Excellent integration with core image field and image styles and the Insert module
  • Choose between a default style and a number of other styles that are included.
  • Style the Colorbox with a custom Colorbox style in your theme.
  • Drush command, drush colorbox-plugin, to download and install the Colorbox plugin in sites/all/libraries.

The Colorbox plugin:

  • Compatible with: jQuery 1.3.2+ in Firefox, Safari, Chrome, Opera, Internet Explorer 7+
  • Supports photos, grouping, slideshow, ajax, inline, and iframed content.
  • Lightweight: 10KB of JavaScript (less than 5KBs gzipped).
  • Appearance is controlled through CSS so it can be restyled.
  • Can be extended with callbacks & event-hooks without altering the source files.
  • Completely unobtrusive, options are set in the JS and require no changes to existing HTML.

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)
  • Window width (client-side) and UA string (client-side and server-side) detection for touch and small screen plugins (no CSS3 media-queries)
  • RTL (Right-to-left) language support.
  • Plenty of built-in options for designers.
  • And a whole lot more...

Requirements:

  • Superfish library
  • jQuery Update
    • Drupal 6 users: jQuery 1.3.x or higher.
      (sfTouchscreen in the Master branch of the Superfish library requires at least jQuery 1.4.)
    • 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 should either manually include the jQuery $.Browser plugin, via your theme .info file for example, or use the latest development release with the master branch of the Superfish library, which checks $.browser before using it. (Note the superfish.js for Drupal 8 won't include the IE6\7 hack hence no $.browser trouble!)

Recommended additions:

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

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

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

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 Link Icon

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

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

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

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

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

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

Responsive Menus

Example menu using simple style

Overview

Responsify your menus! Just give me a CSS selector of your menu and I will make it mobile friendly (when the time is right).

Technically you could set this to affect any element on the page... e.g. collapse a sidebar or content area at a certain screen width.
(Using 'simple' style).

Features

  • Choose from different responsive menu styles.
  • Configure any amount of menus to be responsified (simple or codrops' multi style).
  • Configure at which screen width they should be handled.
  • Include / exclude admin pages. (more options with Context)
  • Disable other mouse events.
  • Remove other classes/IDs.
  • Context module integration.
  • Easily theme-able.

Included Responsive Menu styles:

  1. (1st screenshot) 'Simple', a lightweight style.
  2. (2nd screenshot) codrops' Responsive Multi-Level Menu*
  3. (3rd screenshot) MeanMenu*
  4. (4th screenshot) Sidr*

Downloads

Galleria

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

Downloads

Advanced CSS/JS Aggregation

7.x

Features & benefits (7.x)

  • On demand generation of CSS/JS Aggregates. If the file doesn't exist it will be generated on demand.
  • Stampede protection for CSS and JS aggregation. Uses locking so multiple requests for the same thing will result in only one thread doing the work.
  • Fully cached CSS/JS assets allow for zero file I/O if the Aggregated file already exists. Results in better page generation performance.
  • Can add JS to any region of the theme & have it work and be aggregated.
  • Combine CSS files by using media queries.
  • Prevent more than 4095 CSS selectors in an aggregated CSS file (IE 6-9 limitation).
  • Url query string to turn off aggregation for that request. ?advagg=0 will turn off file aggregation if the user has the "bypass advanced aggregation" permission. ?advagg=-1 will completely bypass all of Advanced CSS/JS Aggregations modules and submodules.
  • Button on the admin page for dropping a cookie that will turn off file aggregation. Useful for theme development.
  • Gzip support. All aggregated files can be pre-compressed into a .gz file and served from Apache. This is faster then gzipping the file on each request.

Downloads

Proj4JS

Proj4js Library loader

Utility functions to load the Proj4js library which provides support for reprojecting coordinates between various coordinate systems.

See the documentation of Proj4js for more information on how to use the library.

Dependencies

Downloads

Views Isotope - jQuery Isotope

isotope-filter.png

This module allows you to easily create a grid View that uses the amazing Isotope JQuery Library to dynamically filter the elements displayed.

"Beardcast" #1: Using Views Isotope w/ a Full Beard
Kiwi Translation: Configuring Views Isotope

IMPORTANT: The Isotope library is GPLv3.  According to the site, it may be used in non-commercial and personal applications for free, but commercial use requires/requests a $25 license.  Since you can't really put limitations on what someone can do with GPL code, we'll leave it up to you to decide whether to pay for a license or not.  You can find more details http://isotope.metafizzy.co/docs/license.html

The way the sort and filtering are configured is different than @funkym's D6 module. Instead of configuring that in the View settings for the Isotope Grid, we configure the fields to filter by adding a class of isotope-filter in the View Style Settings. An additional View using the Isotope Filter Block View Style is required to make the Isotope function. Using blocks for the filter and sort made sense to us since in our layout we wanted the filter UI in a different region than the View.

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

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

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

Pages