Category: Tours

This should be migrated to the community site, and handled with ((doc:Organic groups)) and ((doc:User Trackers))

Tour doesn't work in trunk currently (to be Tiki 19) since the switch from Bootstrap 3 to 4, in a quick test of an existing tour. The first popup appears but the second doesn't. But according to the Bootstrap Tour site ([https://github.com/sorich87/bootstrap-tour/issues/554]) it should work so the library needs to be updated and then Tour retested.

Make a basic working example of Tour (to end up in a learning tiki profile, for instance)

I tried with some basic copy pasting of current info in https://doc.tiki.org/PluginTour and it didn't fully work for me.

See the issue reproduced here:
https://demo.tiki.org/trunk/tiki-index.php?page=HomePage
and
https://demo.tiki.org/trunk/tiki-index.php?page=Tour2


{CODE(caption="Homepage contents")}
{TOUR(title="Welcome to the tour" prev="-1")}Here's the start of a tour.{TOUR}

foo1

{TOUR(title="A Jumbotron")}Use a jumbotron to make an area for special intro information, etc.{TOUR}

foo2

{TOUR(element="#module_1 .panel-heading" title="This is a module heading.")}This is a module.{TOUR}

foo3

{TOUR(path="Tour2")}The next step is on page 2.{TOUR}

foo4

{TOUR(next="-1")}This is the last step of the tour.{TOUR}
{CODE}

And contents in Page "Tour2":
{CODE(caption="Tour2 contents")}
{TOUR(title="Welcome to the tour" prev="-1")}Here's the start of Page 2 in the tour.{TOUR}

foo10

{TOUR(title="A Jumbotron")}Use a jumbotron to make an area for special intro information, etc.{TOUR}

foo11

{TOUR(next="-1")}This is the last step of the tour.{TOUR}
{CODE}

Issues:
!!# "This is a module" instead of start of Tour
Visiting https://demo.tiki.org/trunk/tiki-index.php?page=HomePage shows then content related to "This is a module", and not the content set as the start of the Tour, according to the documentation.

!!# I can't see the jumbotron content

!!# I can't see the info about "The next step is on page 2"
when that info was expected to be seen, the page was redirected to page 2 ("Tour2", in this case)

!!# In page2 (Tour2) no tour is shown


Probably, issues just due to only partial documentation available about how to properly set up a tour with this plugin? {sign user="xavi" datetime="2016-01-11T08:50:41+00:00"}

It is not possible to click "Next" or "End tour" in Tiki 19.x.

Sample code:
{CODE()}
{TOUR(title="Welcome to the tour" prev="-1")}Here's the start of a tour.{TOUR}
.
.
.
{TOUR(next="-1")}This is the last step of the tour.{TOUR}
{CODE}

Chrome Canary console output:
{CODE()}
Uncaught TypeError: $element.data(...).tip is not a function
at Tour._showPopover (bootstrap-tour.js:597)
at Tour._showPopoverAndOverlay (bootstrap-tour.js:552)
at Tour._showPopoverAndOverlay (bootstrap-tour.js:22)
at HTMLBodyElement.<anonymous> (bootstrap-tour.js:717)
at HTMLBodyElement.opt.complete (jquery.js:7267)
at fire (jquery.js:3268)
at Object.fireWith [as resolveWith] (jquery.js:3398)
at tick (jquery.js:7110)
at Function.jQuery.fx.tick (jquery.js:7436)
at schedule (jquery.js:6813)
{CODE}

After click on Next:
{CODE()}
popover.js:164 Uncaught TypeError: No method named "destroy"
at HTMLSpanElement.<anonymous> (popover.js:164)
at Function.each (jquery.js:354)
at jQuery.fn.init.each (jquery.js:189)
at jQuery.fn.init._jQueryInterface [as popover] (popover.js:149)
at Tour.<anonymous> (bootstrap-tour.js:281)
at Tour._callOnPromiseDone (bootstrap-tour.js:815)
at Tour.hideStep (bootstrap-tour.js:305)
at Tour.next (bootstrap-tour.js:179)
at HTMLButtonElement.<anonymous> (bootstrap-tour.js:744)
at HTMLDocument.dispatch (jquery.js:5183)
{CODE}

Probably some class names changed in the BS 3 to 4 transition.