intro.js

I want to have two separate tours in a single webpage using introJs. But while doing this, data-steps of one tour is coinciding with the other tour. Set up different instances and steps and call them intro1 and intro2 (or whatever else you want). You can then trigger them independently as intro1.start() and intro2.start() See the code to set up the steps below: var intro1 = introJs(); intro1.setOptions({ tooltipPosition : 'top', steps: [ { element: '#intro1_step1', intro: 'Welcome to your example.com dashboard, where you can update your skills, your availability, and your professional details

I'm not able to start the intro for elements only with class 'case_event_intro' but when I do introJs(".case_event_intro").start(); nothing happens, even though there are elements with that class and with the intro att. defined (data-intro and data-step). The elements have also other classes apart case_event_intro. Could that be the problem? Are there any other conditions to make the intro work for only some elements with a given class? See this screen capture . In current version of IntroJs (v0.3.0) you cannot start introduction for specific element with a class or something. You should

I am using intro.js in a dynamic page and if all the elements provided are present, the tour goes fine without any issues. But if any of the element is not present, the page being dynamically generated, the tour stops and have to press NEXT button twice to proceed further. Is there any way to skip the step altogether if the element is not present? Example: intro.setOptions({ steps[ {"element":".ow_status","intro":"status"}, {"element":".ow_mailbox","intro":"mailbox"}, {"element":".ow_test","intro":"test"} ] }); In the above example, if the element with class ow_mailbox is not present, the tour

I started to using the useful Intro.js library in my project, but after few months use I updated it and found that the license changed on 08/03/2016. The library is definitely open source and free software, but at the same time if I want use it for commercial use it seems I need to pay a license fee . Why is this required if the code is open source? Maybe I'm missing something because I'm new in the license use world. From their website: Intro.js is a free and open-source library, however, if you are using the library for your business you can subscribe to one of commercial licenses plus

So IntroJS works off of the data-intro and data-step attributes. So for instance my logo looks like this: <h1 id="logo" data-step="1" data-intro="Welcome to MyApp, where you can start creating an album for generations! Let us help you get started."> But for step 3 it is on an element that when pressed, the next step should be on the modal that would appear if the element in Step 3 was pressed. I have this as my Step 4 which doesn't work: <div class="popup" id="add-images-step-1" data-step="4" data-intro="GETS TO UPLOADING"> Right now, when you reach Step 3 and press next , it gives you an