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

bootstrap-tour .click() function does not click the button

I am trying to trigger click() function on a button in onNext event. { element: "#action_header", title: "Saving to database", content: "After you declare the result .. ", placement: "left", onNext: function() { …
Azima
  • 3,835
  • 15
  • 49
  • 95
1
vote
1 answer

Bootstrap Tour doesn't start

Can anyone explain why Bootstrap Tour doesn't start showing hints in the following code? I am very interested to use this plugin for my webpages, but I can't make it work:
Gowire
  • 1,046
  • 6
  • 27
1
vote
1 answer

How do I resolve "getTipElement() is not a function" error with Bootstrap Tour?

I am trying to create a website tour for a company website. For that, I used the Bootstrap Tour API. The problem arrives when a certain webpage (all coded similarly) obstructs the tour by the following error: getTipElement is not a function I…
Akki. T
  • 11
  • 5
1
vote
0 answers

Is there a way to define multiple placements of a tooltip in Bootstraptour

I have a custom script that I created for bootstraptour and I would like to overwrite bootstraptours original "top" placement with my own custom placement. Is there a there a way to define multiple placements of a tooltip in Bootstraptour? The…
Spanky
  • 699
  • 2
  • 11
  • 38
1
vote
1 answer

disable prev button in bootstrap tour

Have a tour like this var TourToolTipPoolConfiguration = new Tour({ name: 'TourToolTipPoolConfiguration', steps: [ { onNext: function (TourToolTipPoolConfiguration) { …
Archer_A
  • 89
  • 1
  • 1
  • 8
1
vote
1 answer

Unable to let tour.next() to work on custom element in a vue component

I finally completed my app using laravel and vue.js and now I'm trying to set up a Bootstrap Tour to let the users understand what and how they can do, but I'm having a problem breaking my head since yestaerdy. So, I set up a bootstrap tour…
1
vote
0 answers

How to make bootstrap-tour work without using element?

I am trying to implement Bootstrap tour in my application. It is working fine when i try to use id's and class name. But what i need is instead of using the id and class name, i need to use the text name where the step popover should be…
bala3569
  • 10,832
  • 28
  • 102
  • 146
1
vote
2 answers

Bootstrap tour n.data(...).tip is not a function

I am trying to integrate the bootstraptour on my website. I am getting the following error: Uncaught TypeError: n.data(...).tip is not a function I load my resources like this:
Dennis
  • 3,044
  • 2
  • 33
  • 52
1
vote
0 answers

Bootstrap tour scroll is not working in mobile

I'm using Bootstrap tour its working fine in desktop but in mobile specially in iphone. When tour starts it don't allow user to scroll window manually. When we try to scroll window it pull it back on same position. But i wanna allow user to scroll…
Sahil Gupta
  • 578
  • 5
  • 16
1
vote
1 answer

How to close the menu collapse when bootstrap tour starts?

I have a site built with "Drupal 8" and "Bootstrap 3". How to close the menu collapse when bootstrap "Tour" starts ? https://www.s1biose.com "Tour" starts by clicking on "Commencer la visite" in the left menu. I want the left and right menu to close…
1
vote
4 answers

Bootstrap Tour, How do I force stop the auto start?

I could really use help turning off the "auto start" function of Bootstrap Tour plugin for a webpage I am building. The tour itself works great. It hops from step to step as intended. BUT, the tour starts on It's own when a user views the page for…
Matie
  • 181
  • 1
  • 19
1
vote
1 answer

How to create a button to start "Bootstrap Tour"?

I installed my next module "D8: Bootstrap Tour" on my site "Drupal 8" which uses the theme "Bootstrap 3". https://www.drupal.org/project/bs_tour http://bootstraptour.com/api/ Here is the contents of the file bs-tour.js of the module : (function ($,…
1
vote
1 answer

Bootstrap Tour how to make only show on one page

I am trying to set up a guided tour of my application using Bootstrap Tour but am having a few issues. Main one being I built my application using node.js and templates. I need to have one of the popovers show on a single page only /dashboard not…
Kirbytech
  • 634
  • 1
  • 5
  • 18
1
vote
1 answer

Using bootstrap tour with Typescript

I am new to Typescript. I have a project that uses bootstrap tour. All this while, I was using the simple implementation as given in the bootstrap tour API. When I move this code to Typescript, it gives me an error on the Tour class. How can I call…
TheIntern
  • 71
  • 9
1
vote
1 answer

Bootstrap tour on multiple pages stops on other page

We want to use the bootstrap tour script (http://bootstraptour.com) on our SPA. Since we want to navigate through multiple pages (what is possible), I placed the tours into the rootScope and I defined some functions to start the tour. My thought was…
NVO
  • 2,566
  • 5
  • 27
  • 57
1 2
3
8 9