AJAX Form Touch

Component type

module

Maintenance status

Development status

Component created

Component changed

Allows AJAX buttons to be activated on touch devices. This module was created originally when using the ASAF module to AJAXify forms on a site and realizing that all of the submit buttons were un-actionable on a touch device (they require an actual click).

This very tiny module adds a simple handler for the touchstart event that activates the normal click handler for a button.

  • Drupal 7: Supported.
  • Drupal 8: Currently unsupported, unsure if this is needed anymore.

Elastic Preview

Component type

module

Maintenance status

Development status

Component created

Component changed

This module adds functionality to slide out a preview of any content item you have in a content listing, similar to how Google Images works.

Simply add the .elastic-preview class (or use Views integration to do so automatically) to any node link whose type is enabled in the Elastic Preview settings, and clicking on that link will, rather than going to that node's page, slide open a preview of that node underneath the link using any display mode you choose.

This is also fully responsive, and will adjust itself accordingly if the number of items per row changes.

Empty Node Class

Component type

module

Maintenance status

Development status

Component created

Component changed

This is an incredibly simple module which just uses jQuery to add a .empty class onto any existing node element that has no content.

This is done by looping through all elements with the .node class, testing to see if it has any HTML content within it, and adding the .empty class if not.

  • Drupal 7: Unmaintained (But working).
  • Drupal 8: Not currently available.

Link Data Attributes

Component type

module

Maintenance status

Development status

Component created

Component changed

The Link Data Attribute module provides a simple way to include HTML 5 data-* attributes to any Link field on site building.

With this module, links can be easily added with a data-* attribute that can be used on your JavaScript and/or your CSS files.
A quick reference to HTML-5 data-* attributes usage.