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
2
votes
1 answer

Bootstrap Tour targets and modals not displaying (Leaflet maps)

Demo Codepen PRESS FULL SCREEN ICON ON MAP IN CODEPEN TO START TOUR Desired Outcome The bootstrap tour element should appear over the top of everything, along with highlighting the element its targeting. What I'm getting Ignore the difference in…
Ed Prince
  • 714
  • 2
  • 14
  • 31
2
votes
0 answers

Backdrop doesn't cover entire screen in Angular UI Tour

I have applied tour-step-backdrop="true". It applies to only some part of screen not entire screen. As you can see the bottom part of image is not covered. So if i wanted to cover full screen then how to do it?
Alex Patel
  • 251
  • 3
  • 21
2
votes
2 answers

How to navigate through tabs with Bootstrap Tour popovers?

I have multiple popovers I would like to display into different tabs with anchor links and I'm looking for a solution to do that. I have read the issue #78 in which somebody apparently made it to work using the onShow parameter instead of the…
Florent
  • 1,791
  • 22
  • 40
2
votes
3 answers

Why does the selected element not always pop out during my Bootstrap Tour?

This is the HTML that my Bootstrap Tour is working on:
2
votes
2 answers

How do I trigger & configure Bootstrap Tour based on the actions the user is on?

I am using Bootstrap Tour and it is very simple to setup. These are the instructions: // Instance the tour var tour = new Tour({ steps: [ { element: "#my-element", title: "Title of my step", content: "Content of my step" }, { …
2
votes
2 answers

Starting Bootstrap tour with a button after ending tour once

I have a simple web page with content and bootstrap tour to guide through my web page. I would like to trigger the tour with a button with following html code:
sravan kumar
  • 583
  • 3
  • 11
  • 24
2
votes
1 answer

Intro tour guide multi page plugins in angular.js

I'm thinking to use angular-intro.js in my app for the introduction tour of the website. I want to use this tour through out different pages back and forth. Is there any option to go to the previous step through this plugin? All i see in multi page…
rUI7999
  • 129
  • 1
  • 3
  • 20
2
votes
1 answer

Exit bootstrap tour on modal close

I'm using Bootstrap Tour to display help steps on a modal. My problem is that when the modal is closed or dismissed (by clicking outside the modal) the tour popup lingers and none of the buttons work (end tour, prev, next). How can I exit the tour…
Mathemats
  • 1,185
  • 4
  • 22
  • 35
2
votes
3 answers

Bootstrap tour with backdrop enabled acting strange

I am using Twitter Bootstrap Tour for a web tour. Here is the javascript to initialize it: var tour = new Tour({ backdrop: true, steps: [ { element: "#keyword-link", title: "Title of my step", …
2
votes
2 answers

BootstrapTour scroll not working as expected in modal

Ok, so I am integrating Bootstrap Tour with a project that uses. Basically, everything works fine until I show a modal and then try to attach a step to it. Bootstrap tour in modal auto scroll not working. refernce link.…
2
votes
1 answer

How to implement bootstrap tour on wordpress

I'm trying to implement Bootstrap Tour an a Wordpress site with the Bootstrap Theme but so far every time I try to link the stylesheets (CSS) and the JavaScrit it doesn't work. The page wont load the stylesheets or javascript. All the setup works…
2
votes
4 answers

Bootstrap Tour won't start

I have the following very simple demo set up on my site and in this fiddle. It's virtually identical to the official demo. In neither case do I get a tour. What am I missing?
isherwood
  • 58,414
  • 16
  • 114
  • 157
2
votes
1 answer

Bootstrap-Tour Standalone Not Working

I am trying to implement a test of Bootstrap-tour in order to become familiar with it and I cannot even get the basic example on their site to work. I took the example off the site and am including all the appropriate files but I get nothing. No…
2
votes
2 answers

Bootstrap Tour doesn't show on Bootstrap Twitter 3 modal

Ok, so I am integrating Bootstrap Tour with a project that uses Twitter Bootstrap 3. Basically, everything works fine until I show a modal and then try to attach a step to it. It doesn't show until I resize the browser. I can close the modal and it…
1
vote
0 answers

Uncaught TypeError: n.data(...) is undefined while using Bootstrap Tour

I am using the Bootstrap Tour plugin and Bootstrap 5 on my website. I am getting one error in the console. Uncaught TypeError: n.data(...) is undefined Bootstrap 5 doesn't support the Bootstrap Tour? $(document).ready(function() { var tour =…
1
2
3
8 9