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
0
votes
3 answers

Bootstrap tour 'end tour' when clicked stops the tour for good

I have a tour currently running on my site, but it doesn't seem to actually keep track of if the user has clicked End Tour. Meaning that if they click it once, it ends the tour, but then when they revisit the page, the tour will automatically start…
0
votes
1 answer

Passing bootstrap-tour a ui object using Backbone js

I'm using boostrap-tour version 10.1 with a Backbone/Marionette app. I have extended my base view prototype to include a tour (by way of custom function _ui_tour() ) but I am having trouble passing it an element for the step to be applied…
Iluvatar14
  • 699
  • 1
  • 5
  • 18
0
votes
1 answer

bootstrap tour - read more

I would like to use more info (jquery show hide) option inside element tag of boot strap tour. However , I noticed that jquery script wouldnt work for the element inside the bootstrap tour . here is my code . $(document).ready(function () { …
0
votes
3 answers

How to change bootstrap tour arrow

I use bootstrap tour but i dont no how to change the arrow to top. Anyone can tech me to change the arrow to top? As per screenshot below. This is script for bootstrap tour. var tour = new Tour({ placement: "top", storage: false, steps:…
Faizzul Hariz
  • 81
  • 1
  • 9
0
votes
1 answer

Bootstrap Tour and Animation

Can I apply this CSS Animation into Bootstrap Tour by using the callback function onShow:function (tour) { // before show next step, addClass animate into the Bootstrap popover }
0
votes
0 answers

How to remove state from bootstrap tour

I'm using bootstrap tour, and everything is working fine. What i'd like to do now, is create a "dismiss for now" button, that should display the tour next time the page is loaded. In the local storage, when the tour ends, it creates a key called…
Nick
  • 13,493
  • 8
  • 51
  • 98
0
votes
0 answers

Bootstrap Tour Not Starting/Working

I just came across bootstrap tour and tried to implement it into my website, but it won't start or work. I have done research and tried to make it work by making the tour.start true. Tried making it append to a button to start with no success. In…
0
votes
1 answer

Bootstrap Tour removes the highlighted element of each step

It's the first time I use this library and I'm having a very strange issue. I'm using the standalone v0.10.1 version. This is my code: var tour = new Tour({ backdrop: true, debug: true, steps: [ { element:…
Emi
  • 4,597
  • 2
  • 31
  • 34
0
votes
1 answer

Bootstrap Tour is looping on first step [wordpress]

I have implimented the tour into my wordpress site, but it loops at the first step, I only have a small amount of code here. So I am not sure where the problem could be. Does anyone have any experience with this? var tour = new Tour({ debug:…
tallgirltaadaa
  • 1,804
  • 18
  • 26
0
votes
1 answer

Bootstrap-tour not initializing

HTML: JS: var tour = new Tour({ steps: [{ element: "#enrol-btn1", title: "Exam Enrolment", content: "First let's enrol to an exam" }] }).init().start(true); I cannot get it to initialize on…
Will Hua
  • 1,729
  • 2
  • 23
  • 33
0
votes
1 answer

Bootstrap tour not scrolling in IE 11

I’m having trouble getting my Bootstrap Tour to position properly in IE11. It works as expected in Chrome, Firefox, & Safari. If steps are below the visible area, the page tries to display but does not scroll. If the window is resized or the…
0
votes
2 answers

Bootstrap Tour - How to close popup by clicking on close button?

By default bootstrap tour popups are closed by clicking anywhere and it seems that there is no way to change this behavior via options. How can I make so that popups will close only by clicking on "Close" button? How to find out what method, event…
0
votes
1 answer

Bootstrap tour stop working after changing path

Please help me to continue bootstrap tour after changing page. This is my code for page1.html
Page 1 Start the Tour
First Element
0
votes
1 answer

Knockout.js + Bootstrap Tour

I would like to use Knockout.js with Bootstrap Tour. In particular, I would like to attach some data bound click handler to a button within a tour step. I create a simple tour like this: var tour = new new Tour({ steps: [ { …
Michael Hilus
  • 1,647
  • 2
  • 21
  • 42
0
votes
1 answer

Bootstrap Tour - navigating to a component on a generated page

I am trying to navigate to a page that is generated by a MVC controller. Meaning mysite.com/Configure calls Index function in ConfigureController that generates a HTML page. I want the tour to junp to a particular item on that generated page. The…
Allen King
  • 2,372
  • 4
  • 34
  • 52
1 2 3
8
9