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.
1. Download the Chardin.js plugin (http://heelhook.github.io/chardin.js/) and extract the files under sites/all/libraries (so the result will be sites/all/libraries/chardin/chardinjs.min.js).
2. Download and enable the module.
Usage
Once the module is enabled, If you have the Context module enabled you are able to enable this modules functionality through contexts similar to the Joyride module OR add attributes to any element:
data-toggle: Add the toggle ability to an anchor element data-intro: Text to show with the instructions data-position: (left, top, right, bottom), where to place the text with respect to the element