Questions tagged [bootstrap-tour]

Bootstrap Tour is a quick and easy way to build your product tours with Twitter Bootstrap Popovers.

Overview:

Bootstrap Tour is based on Bootstrap Popovers. It allows you to quickly set tours, easily defining the steps and their content.

Usage:

var tour = new Tour();

tour.addSteps([
  {
    element: "#my-element", 
    title: "Title of my step", 
    content: "Content of my step" 
  },
  {
    element: "#my-other-element",
    title: "Title of my step",
    content: "Content of my step"
  }
]);

tour.init();
tour.start();

Links:

Bootstrap Tour documentation
Project's Github page

126 questions
1
vote
1 answer

Close bootstrap tour and not end

I have a bootstrap tour and when I do click on 'skip' I want close the popover but not end the tour, when I click at the visitbutton I want continue by the last step before closed, how I do that? The button:
1
vote
1 answer

How to stop Bootstrap Tour from moving onto next step unless conditions pass

I have 3 divs first two are visible, and then 3rd one is hidden, in each of first 2 there is a button that when you press it hides the div, and when both are hidden 3rd one becomes visible. The issue is how can I "disable" the next button if div1 or…
R1z1a
  • 33
  • 8
1
vote
1 answer

Bootstrap-tour with Bootstrap 4 alpha 6 n.popover is not a function

Trying to use bootstrap-tour with bootstrap 4 and am getting the followng error: TypeError: n.popover is not a function I am initializing the code like this: var tour = new Tour({ steps: [ { …
1
vote
1 answer

Bootstrap-tour tour.init is not a function

I am trying to get bootstrap-tour to work Im using the bootstrap-rails gem to include bootstrap rails in my rails application. I have seen A lot of other questions that are solved by the local storage being cleared I already have attempted that fix…
1
vote
1 answer

Why is my angular-ui-tour not finding the steps of my detached tour?

I'm using angular-ui-tour to enable my project to have multiple tours within the same DOM, because is has a detached tour option which I need to do so. My dependencies (relevant for this issue): angular 1.5.7 bootstrap ^3.3.6 angular-bootstrap…
1
vote
1 answer

How to get next and previous step element in bootstrap tour js

we can get current step element by var step = tour._options.steps[tour.getCurrentStep()]; var element=$(step.element); Same as is there is any way to get next and previous step element in bootstrap tour js on onNext() and onPrev(). Thanks in…
Arun
  • 1,402
  • 10
  • 32
  • 59
1
vote
4 answers

Bootstrap Tour won't load on a Modal

I have implemented bootstrap tour on my project. I have tried to load it on a modal window but nothing is displayed. Below is my code :