Guiders-JS

Provides the Guiders-JS library to Drupal.

Guiders are a user experience design pattern for introducing users to a web application.
Guiders are a great way to improve the user experience of your web application.

A Guider is a guide / walk-through for your site's pages.
The Guider can show the page parts and give a short explanation about each part's functionality and purpose.
This module is for anyone who is looking for a walk-through, guide, intro, or just a sequenced messaging system.

Features:

• Add text / html or just about anything as the guider's content.
• Choose if an arrow tip should be displayed, choose it's direction and element it should be attached to (via xpath syntax).
• Choose if a close button ("X") should be displayed in the top right corner of the guider.
• Add multiple buttons for each guider (the "Close", "Next" buttons have built in implementation).
• Add custom buttons with a name, class and a name of a JavaScript function to be called on click.
• Allow to choose from different start methods:
  1. autostart
  2. delay - an amount of milliseconds to start the pack after
  3. event - bind on event type to an element to start the pack
  4. default block - allow to start by clicking on the button on the default module's block

For more information, please see the Guiders-JS Git page at https://github.com/jeff-optimizely/Guiders-JS

Downloads