Similar to links in the app to doc.tiki.org, plugin helper (added in Tiki3) and module helper (in Tiki7), we need various helpers. In upcoming versions, we will add more.
Update: After evaluating the different scripts below, we decided on Bootstrap Tour. The license was changed to MIT and the library was added to Tiki trunk, to be Tiki 15. There's a doc page at https://doc.tiki.org/PluginTour with preliminary information so far.
When in help mode, Tiki should have help popup
This is a nice example:
http://www.zurb.com/playground/jquery-joyride-feature-tour-plugin
License: MIT
Intro.js A better way for new feature introduction and step-by-step users guide for your website and project.
License: MIT
https://github.com/tracelytics/pageguide#readme
License: MIT
http://easelinc.github.io/tourist/ - https://github.com/easelinc/tourist
License: MIT
http://bootstraptour.com/
License: Apache 2 (Not compatible) but moving to MIT
Lots of features, including multi-page
https://github.com/Gild/bootstrap-tour (this is a different project, and dead)
License: MIT. No demo found.
https://github.com/jeff-optimizely/Guiders-JS#readme
License: Apache 2 (Not compatible).
License: Not declared (and broken demo)
https://shepherdjs.dev/
"In Drupal 9.2, Joyride was deprecated in favor of Shepherd"
Source: https://www.drupal.org/docs/8/core/modules/tour/overview
Page tour library | URL | License | Mobile performance | Selectors* | Multipage | |
Intro.js | http://usablica.github.io/intro.js/ | MIT | Not good | |||
Pageguide.js | https://github.com/tracelytics/pageguide | MIT | Not good | Special classes needed in page. | No | |
Tourist | http://easelinc.github.io/tourist/ | MIT | IDs or classes | No | ||
Bootstrap Tour | http://bootstraptour.com/ | Apache 2.0 | Good | IDs | yes (also multi subdomains) | |
Guiders.js | https://github.com/jeff-optimizely/Guiders-JS#readme | Apache 2.0 | ? | Element | No | |
King Tour | https://github.com/salesking/king_tour | ? | ? | ? | ? | |
Bootstro.js | https://clu3.github.io/bootstro.js/ | MIT | Good if side modals aren't used (xs displays) | Needs custom selectors. | No | |
Trip.js | http://eragonj.github.io/Trip.js/ | MIT | Good, depending on e/w modals | Any unique | No | |
Bootstrap Application Wizard | https://github.com/amoffat/bootstrap-application-wizard | Free to use with attribution | ? (no demo) | Special ? | No ? | |
Hopscotch | http://linkedin.github.io/hopscotch/ | Apache 2.0 | Yes | Any unique | Yes | |
Joyride | http://www.zurb.com/playground/jquery-joyride-feature-tour-plugin | MIT | Good | Any unique | No | |
Tourbus | http://ryanfunduk.com/jquery-tourbus | MIT | Demo page isn't responsive (to sm size) | Any unique | No | |
Hemi | https://github.com/heminei/jquery-hemi-intro Demo: http://heminei.github.io/jquery-hemi-intro/demo/ | MIT | Good except side modals in xs screens. | Any unique selector | No | |
Faqtoid** | https://github.com/patrick-roberts/faqtoid | MIT | Yes | Any unique | No |
Notes: *Selectors are the page elements that are the "tour stops". If they can be any element (id or unique class) then the tour can run on Tiki pages with no special markup, such as admin pages, etc. **Factoid is a package of website help components.
Regarding mobile performance, the scripts that are responsive all show the tour step popups clearly if the popups are positioned above or below their target elements, but if they pop up to the left or right, then some horizontal scrolling may be needed to see/access them on small screens, depending on the location of the target element on the screen.
See also: https://js.libhunt.com/libs/tours-and-guides
Project to integrate a nifty tool to query data in Trackers or in the Spreadsheet. See: Tracker Query
And create some charts from this info, like this one
Point & click to using functions in the Spreadsheet
auto-complete, drop-downs, etc.
Autocompletion is available from CodeMirror 2.x!