Not working BootstrapTour with meteor 1.4


#1

Hi
I am using flowkey:bootstrap-tour package for BootstrapTour in meteor 1.4. but this package not working with my App. Here is my codes for this :

       let tour = new Tour({
     name: "tour",
     debug:true,
     container: "body",
     steps: [
     {
     element: "#test",
     title: "Title of my step",
     content: "Content of my step"
     }
     ],
     template:
     "<div class='popover tour'> <div class='arrow'></div> <h3 class='popover-title'></h3> " +
     "<div class='popover-content'></div> " +
     "<div class='popover-navigation'> " +
     "<button class='btn btn-default' data-role='prev'>« Prev</button> " +
     "<span data-role='separator'>|</span> " +
     "<button class='btn btn-default' data-role='next'>Next »</button> " +
     "</div> " +
     "<button class='btn btn-default' data-role='end'>End tour</button> " +
     "</div>"
     });

  
     // Initialize the tour
     tour.init();

     // Start the tour
     tour.start();

how to do it?
thanks for your attention. :slight_smile:


#2

Take a look at https://github.com/usablica/intro.js/


#3

thanks Babak :wink:.


#4

how do I use this in meteor 1.4.1.1 ??


#5

Do not search for meteor packages, use it as ordinary jquery/JavaScript plugin. It works fine with little tricks


#6

can you show me example or guide ??


#7

You can find it in the github, it is so simple, it has its own website and samples, just take a look and jump in.


#8

my problem is introJs function not defined (" introJs is not defined "). do need to import it ??

import introJs  from 'intro.js

but not working!!!