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.

Help popups / On-page guidance / site tour

When in help mode, Tiki should have help popup


This is a nice example:

1.1.1. Joyride


http://www.zurb.com/playground/jquery-joyride-feature-tour-plugin
License: MIT

1.1.2. Intro.JS


Intro.js A better way for new feature introduction and step-by-step users guide for your website and project.
License: MIT

1.1.3. Bootstrap Tour


http://bootstraptour.com/
License: Apache 2 (Not compatible) but moving to MIT
Lots of features, including multi-page

1.1.4. trip.js

SheperdJS


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

Driver.js

https://github.com/kamranahmedse/driver.js

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)
Trip.js http://eragonj.github.io/Trip.js/ MIT Good, depending on e/w modals Any unique No
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
Driver.js https://github.com/kamranahmedse/driver.js
Demo: https://driverjs.com/
MIT Good IDs or classes 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

1.2. Query builder

Project to integrate a nifty tool to query data in Trackers or in the Spreadsheet. See: Tracker Query

1.2.1. Chart editor

And create some charts from this info, like this one

1.3. Function helper

Point & click to using functions in the Spreadsheet

1.4. Mathematical equations helper

1.5. Theme designer CSS helper

auto-complete, drop-downs, etc.
Autocompletion is available from CodeMirror 2.x!

1.6. File and Image helper

1.7. Others

1.8. Wishlist

Open

Pending

Closed

alias