Hi all,

As you know, Bootstrap 3 is now under MIT license. To follow their license and to allow GPLv2 projects to use this awesome bootstrap add-on, we need the approval of all contributors. To do so, it would be very cool if all of you fill this form: https://docs.google.com/forms/d/1U6Biw2jU2DFeNKTuy9F2jCMcvsEoI8cwbgeVj6vnWj4/viewform?usp=send_form

Thanks !

I'm running into issue where the tour disappears as soon as I add a step to my tour that goes to another page. Steps within the page where the tour was started from work fine. Only steps that go to new pages are giving me this issue. The new page is loaded but their are no popovers and no error messages in the chrome console. Here's my code for implementing the tour. The tour stops on step 3 when the tour moves to a different page and looks for a h1 tag which is present.

class window.ManagerTour
  constructor: ->
    @tour = new Tour()
    @step1()
    @step2()
    @step3()
    @step4()

  start: ->
    @tour.start(true)

  restart: ->
    @tour.restart()

  step1: ->
    @tour.addStep(
      path: "/users/edit"
      element: "h2"
      title: "Something"
      content: "Good"
      placement: "left"
    )

  step2: ->
    @tour.addStep(
      path: "/users/edit"
      element: "#user_email"
      title: "Enter your new email address"
      content: "Enter a new email address."
      placement: "right"
    )

  step3: ->
    @tour.addStep(
      path: "/employees"
      element: "h1"
      title: "Enter your h1"
      content: "Enter a new email address."
      placement: "bottom"
    )

  step4: ->
    @tour.addStep(
      path: "/users/edit"
      element: "h2"
      title: "Enter your h2"
      content: "Enter a new email address."
      placement: "bottom"
    )

start_tour_on_click = (tour) ->
  $('#tour_link').click (e) ->
    e.preventDefault()
    tour.restart()
    tour.start()

jQuery ->
  manager_tour = new ManagerTour()
  start_tour_on_click(manager_tour)

Is there a way to disable the colour changing that happens to an element when backdrop: true?

The image below illustrates the problem I'm having.. the button colour is supposed to be primary i.e. #337ab7.

In debug mode, we see: ("Step " + (_this._current + 1) + " of " + _this._steps.length) Is it possible to have an option that if 2 or more steps exist to optionally show them before the step title as: 1/3 - Step 1 Title, 2/3 - Step 2 Title, 3/3 - Step 3 Title?

And the tour option would be Steps: True?

I have a tour with six pages. On each tour step is an onclick function to start the tour from this step. The tour works fine if i am starting the tour at page one, but if i switch to page two for example and want to start from here it always show me the last step of page one or if i already clicked through the tour via the next button it works on page two to click one of the steps but it seems that first the tour.goTo(7) loads the first page and than the second and shows me the right step. I hope you understand this explanation and sorry for my english : /

Here is my JS code: tour.addSteps([ { element: "#description1", placement: "top", title: "text", content: "lorem ipsum", backdrop: true }, { element: "#description2", placement: "top", title: "text", content: "lorem ipsum", backdrop: true }, { element: "#description3", placement: "top", title: "text", content: "lorem ipsum", backdrop: true }, { element: "#description4", placement: "top", title: "text", content: "lorem ipsum", backdrop: true }, { element: "#description5", placement: "top", title: "text", content: "lorem ipsum", backdrop: true }, { path: "/seite1.html", element: "#description6", placement: "top", title: "text", content: "lorem ipsum", backdrop: true },{ path: "/seite2.html", element: "#description7", placement: "bottom", title: "text", content: "lorem ipsum", backdrop: true }

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

$( ".pointer" ).on( "click", function() { var text = $(this).find("span").html(); var zahl = parseInt(text); startTour(zahl);

});

function startTour(startId){ var zahl = startId - 1; tour.restart(); tour.goTo(zahl); }

HTML:

        <div id="description2" class="pointer" data-2 title="Hier klicken für eine Erläuterung"><span class="ir">2</span><div class="text"></div><div class="background"></div></div>
        <div id="description3" class="pointer" data-3 title="Hier klicken für eine Erläuterung"><span class="ir">3</span><div class="text"></div><div class="background"></div></div>
        <div id="description4" class="pointer" data-4 title="Hier klicken für eine Erläuterung"><span class="ir">4</span><div class="text"></div><div class="background"></div></div>
        <div id="description5" class="pointer" data-5 title="Hier klicken für eine Erläuterung"><span class="ir">5</span><div class="text"></div><div class="background"></div></div>
        <div id="description6" class="pointer" data-6 title="Hier klicken für eine Erläuterung"><span class="ir">6</span><div class="text"></div><div class="background"></div></div>

Sometimes i got an error "Uncaught TypeError: Object #