iamdanfox / anno.js

Interactive step-by-step guides for web apps.
iamdanfox.github.io/anno.js/
MIT License
303 stars 56 forks source link

Conditional tour steps #53

Open ndtreviv opened 7 years ago

ndtreviv commented 7 years ago

It'd be great if you could specify a set of conditions for each tour step, and when the tour reaches that step it effectively pauses until those conditions are met.

eg:

  1. You can search like this
  2. Wait for condition $(".results-panel .result-item").length > 0
  3. Continue with annotations on results

At the moment this is achieved by splitting up the tour into lots of little tours, and then triggering them from the right places, but it sort of makes my code a bit messy :)

In this way I can write a really clean tour that guides a user through a set of actions on the app, which is useful if they're learning to use it for the first time.