exports

Class to display help messages in sequence as a user guide

Each HTML element that should have a tutorial message should include the attributes: data-step {number} specifies the order of the sequence of messages data-tutorial: the message (can include HTML tags) data-position: the location of the message relative to the element, one of above, above-left, above-middle, above-right, left, right and below and their variants or splash (which positions the message in the middle of the viewport) To initialise: tutorial = new Tutorial() tutorial.start()

tutorial.onstep(Array of step numbers or a step number, callback) Evaluate call back after displaying tutorial message tutorial.onexit(callback) Evaluate callback when user finishes or skips the tutorial