Maintainers strive to actively monitor issues and respond in a timely manner.

Simple Image Gallery

Small demo of the Simple Image Gallery

The Simple Image Gallery is the first module I've created. I am publishing it as a way for other Drupal developers to learn some of the basics about module development. This can be used in a production environment, but isn't recommended since it has a few redundant areas.

Download:

git clone http://git.drupal.org/sandbox/KurtKnudsen/1858534.git simple_image_gallery

What it does:

Upon installation it creates a Content Type with an Image field. It sets the Image Field to 'Hidden' so it doesn't show up on the node. It also sets the field's Image Style and Image Link via code, but since it's hidden, it's rather pointless. It also creates an Image Style of Scale&Crop at 75x75 pixels. Lastly, it creates a Views page to display the content at ?q=image_gallery.

You can upload an unlimited number of images when you Add New Content. When you click on a thumbnail image, it will open a larger version next to it in a display div. It uses simple Javascript to accomplish this. I was going to use AJAX but that was far more complex than it needed to be. The JS hooks into the click() event and grabs the image source from the anchor tag.

What you can learn from it:

  • How to create a content type
  • How to create and setup fields for a content type
  • How to display the content type in a Views page

nofollowurlfilter

provide an alternative url input filter that adds rel="nofollow" to created links

Joyride JQuery for Drupal Site Tours

This module provides Drupal integration with Zurb's Joyride Jquery plugin in order to provide a tour of different html elements on your Drupal site. Drupal integration is done via the Context module, which provides a way to control conditional calling of the joyride plugin and copy-and-paste method for adding specific tour code.

You can view a demo of how Joyride works here: http://www.zurb.com/playground/jquery-joyride-feature-tour-plugin

Or better checkout out this article and explanation in and for a Drupal site: Create Site Tours on Your Drupal Site with JoyRide Jquery Plugin

Drupal Installation

1. Download the current, stable version from Drupal.org at http://drupal.org/project/joyride
2. Download the version 2.0.3 of Joyride jquery plugins at https://github.com/zurb/joyride from https://github.com/zurb/joyride/archive/v2.0.3.tar.gz and place in the sites/all/libraries/joyride OR directly from Drupal 8's tour module here: http://drupalcode.org/project/drupal.git/tree/refs/heads/8.x:/core/modul..., so subsequently you should have something like sites/all/libraries/joyride/jquery.joyride-2.0.3.js

Commerce Shipping Report

Commerce Shipping Line Item report. This module provides a VERY simple report.

Commons Tooling

A set of for creating a virtualized Commons environment and running tests on it.

Context Breakpoint

What it does:

Context Breakpoint brings CSS media queries to the server.
By using Context and Breakpoints (which will be moved into the core in Drupal 8) you can alter the page based on the visitors screen resolution, browser window size, or aspect ratio.

A new context condition "Breakpoint" is available after install.

Example use cases:

  • Use a special narrow template for screens smaller than 800px in width.
  • Add an additional block when the browser window is higher than 600px
  • .....

Adaping to resolution should mostly be done with CSS (and media queries),
but sometimes you just can not do everything you need to in plain CSS, and more extensive changes - like different markup - are required.

IMPORTANT NOTE:
This module detects screen and browser size with Javascript and sets a cookie accordingly.
This means that Javascript and cookies must be enabled.
Also, after changing the browser size, a reload will obviously be required
for the changes to show up. For this purpose, you can use the auto-reload feature (see below).

Supported media queries

  • (min/max-)height
  • (min/max-)width

Pages

Subscribe with RSS Subscribe to RSS - Actively maintained