Custom Behaviors

Component type

module

Maintenance status

Development status

Component created

Component changed

A very small module that extends the functionality of the object Drupal.behaviors. Allows other developers to define and invoke custom behaviors from very specific events that make their modules.

This function is like Drupal.attachBehaviors() but the developer can define
the name of the function to execute and when do it.

Example:

Modal

Component type

module

Maintenance status

Development status

Component created

Component changed

*Coming soon*

This module allows forms and other content to be displayed in a modal frame. Its supports 'on the fly' loading of javascript/css files and stacking of multiple frames. It utilizes its own hook_modal to load the modal content in an efficient way.

You need your own helper module to make use of hook_modal, so this modal module is meant for developers only.

Webcam Snapshot

Component type

module

Maintenance status

Development status

Downloads

811

Component created

Component changed

This module allows images to be captured from a user's attached webcam (or camera on a laptop or mobile browser) and uploaded to the server. It provides a field API widget for file and image fields which may be useful for site builders, as well as a form element for module developers.

This module requires a browser that supports getUserMedia to capture images. It was developed for capturing student photos at point of enrolment in a kiosk style environment and and may be useful for other registration and image capture tasks where the browser environment can be controlled.

ZURB TwentyTwenty

Component type

module

Maintenance status

Development status

Downloads

3907

Component created

Component changed

Need to highlight the differences between two images? TwentyTwenty, a visual diff tool, makes it easy to spot them!

This module provides a field formatter for Image fields to display them for TwentyTwenty comparison. The Image field must have two images to work properly, as it is showing a comparison of two images. Setting the number of values to 2 is required before the field will render properly.

ZURB Interchange

Component type

module

Maintenance status

Development status

Downloads

5558

Component created

Component changed

Interchange for Foundation uses media queries to load the images that are appropriate for a user's browsers, making responsive images a snap. Instead of loading the lone image and letting the viewport resize the image, the appropriately sized image for the device is loaded by default instead.

Avatar Uploader

Component type

module

Maintenance status

Development status

Downloads

7208

Component created

Component changed

The new ajax style uploader for user avatar (user picture), including avatar cropping after upload.
Gmail, Quora and more and more websites use this way for user picture uploader.

This module used Simple Ajax Uploader, and provide a basic uploader panel, for more effect, you can do your custom javascript.
Such as, users' mouse hover on avatar, the edit link will slideup, or others.

Also when user uploaded the photo, then this module provides a crop panel to crop image.

Panels Bootstrap Layout Builder

Component type

module

Maintenance status

Development status

Downloads

13966

Component created

Component changed

Panels Layout builder based on twitter bootstrap 2 & 3, this will help you to dynamically build panel layouts based on bootstrap grid system.

The project is still under development, you could get some notices or warnings

Warning : migrating old layouts to the builder layouts would result in losing all the content inside the old layout.

To get the admin layout builder working you need to have the bootstrap project inside the libraries folder.

sites/all/libraries/bootstrap

Chardin.js

Component type

module

Maintenance status

Development status

Downloads

1229

Component created

Component changed

This module provides basic Drupal integration with Chardin.js a jQuery plugin that creates a simple overlay to display instructions on existent elements. It is inspired by the recent Gmail new composer tour.

You can view a demo of how Chardin.js works here: http://heelhook.github.io/chardin.js/

Dependencies

Libraries API