Field with fieldId: 150 not found in definition of 5
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 {HTML()}<a href="#Bootstrap_Tour">Bootstrap Tour</a>{HTML}. 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
* For internal Tiki features
* For sites/apps made with Tiki, like ((CartoGraf))
* http://ninodezign.com/25-free-jquery-plugins-for-doing-guided-tours-through-a-website/
* https://github.com/search?o=desc&q=tour&s=stars&type=Repositories&utf8=%E2%9C%93
* http://dailyjs.com/2012/11/02/on-screen-guidance-intro/
* http://www.jquery4u.com/plugins/web-tour-instructional-plugins/
* http://www.webresourcesdepot.com/11-awesome-jquery-site-tour-plugins-for-guiding-users-with-style/
* https://www.designernews.co/stories/15273-a-list-of-product-tour-plugins-for-onboarding
* The selected library should work well enough in mobile mode
This is a nice example:
{kaltura id="1_n126wol5"}
!!!# Joyride
{HTML()}<script type="text/javascript" src="https://www.openhub.net/p/633961/widgets/project_factoids_stats.js"></script>{HTML}
http://www.zurb.com/playground/jquery-joyride-feature-tour-plugin
License: MIT
!!!# Intro.JS
{HTML()}<script type="text/javascript" src="https://www.openhub.net/p/634472/widgets/project_factoids_stats.js"></script>{HTML}
[http://usablica.github.com/intro.js/|Intro.js A better way for new feature introduction and step-by-step users guide for your website and project.]
License: MIT
!!!# Bootstrap Tour
{HTML()}<script type='text/javascript' src='https://www.openhub.net/p/bootstrap-tour/widgets/project_factoids_stats?format=js'></script>{HTML}
http://bootstraptour.com/
License: Apache 2 (__Not compatible__) [https://github.com/sorich87/bootstrap-tour/issues/257|but moving to MIT]
[http://bootstraptour.com/api/|Lots of features, including multi-page]
!!!# trip.js
* http://eragonj.github.io/Trip.js/
!!! SheperdJS
{HTML()}<script type='text/javascript' src='https://www.openhub.net/p/shepherdjs/widgets/project_factoids_stats?format=js'></script>{HTML}
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
{HTML()}<script type='text/javascript' src='https://openhub.net/p/driver_js/widgets/project_factoids_stats?format=js'></script>{HTML}
{DIV(class="table-responsive")}
|| 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.
{DIV}
See also: https://js.libhunt.com/libs/tours-and-guides
!!# Query builder
Project to integrate a nifty tool to query data in ((Trackers)) or in the ((Spreadsheet)). See: ((Tracker Query))
!!!# Chart editor
And create some charts from this info, like this [http://code.google.com/apis/chart/image/docs/chart_wizard.html|one]
!!# Function helper
Point & click to using functions in the ((Spreadsheet))
!!# Mathematical equations helper
* ((Math))
* http://en.wikipedia.org/wiki/Formula_editor
!!# Theme designer CSS helper
auto-complete, drop-downs, etc.
Autocompletion is available from CodeMirror 2.x!
!!# File and Image helper
* http://elfinder.org/
** elFinder is an open-source file manager for web, written in JavaScript using jQuery UI.
*** License: BSD
*** Permits many features, including image cropping
* ((kfm))
* http://www.phpletter.com/Demo/Tinymce-Ajax-File-Manager/
* ((draw))
* http://navphp.sourceforge.net/
!!# Others
* http://larsjung.de/twinkle/
!!# Wishlist
!!! Open
{wishes filtervalue="155" status="o"}
!!! Pending
{wishes filtervalue="155" status="p"}
!!! Closed
{wishes filtervalue="155" status="c"}
!! Related
* ((Tours))
* ((Documentation))
* ((doc:Help System))
* ((doc:Restore Help System))
-=alias=-
* (alias(Function helper))
* (alias(Query builder))
* (alias(Help popups))
* (alias(Helpers))
* (alias(Help System))
* (alias(File and image helper))
* (alias(Guidance))
* (alias(On-page guidance))