Javascript tool for single-page applications guided tour

Question

I saw once a javascript tool (jquery plugin maybe) to implement feature/guide tour functionality, unfortunately i haven't bookmarked the page.

It used an overlay and focused on document elements, based on id attributes probably.

Joyride or anything i have found googling does not support this.

Do you have anything in mind?

Answer 1

Sideshow is a modern and powerful library for creating interactive tours for web applications and sites.

More than just guiding your users, Sideshow can interact with them:

• Highlight the part you're talking about in each step (a form, div, image, field, and so forth), by masking the rest of the screen (Sideshow doesn't use the z-index approach for this, its mask isn't positionated behind the element, but really surrounds it).
• Monitor your user's behavior and the state of some screen.
• Create smart steps for your tutorials, which proceeds automatically when some condition is satisfied
• Create relationships between your tutorials, this way, when your user finishes some tutorial, a list with the related tours is shown.
• Use Markdown for rich formatting a step description
• Use events (e.g. beforeStep/afterStep, beforeWizardStarts/afterWizardEnds) to perform some preparation or anything else
• Show contextual tutorials according to the screen being viewed by your user, each tutorial has its own conditions to check if it's eligible for that screen or not

And other powerful features!