Questions tagged [intro.js]

A JavaScript/HTML5 library for step-by-step introduction

Intro.js

A JavaScript/HTML5 library for better new feature introduction and step-by-step users guide for websites and projects.

http://introjs.com/

Documentation: http://introjs.com/docs/

Github: https://github.com/usablica/intro.js

239 questions
2
votes
5 answers

intro.js show and hide data-hint

I want to have a button that can turn on and off the 'hints' function in intro.js. I have a working version to show and then hide but the show only works once. How can I get it to work repeatedly? This functionality works for the standard data-intro…
neil
  • 161
  • 4
  • 12
2
votes
2 answers

How to customize overlay of intro.js

I would like to customize the tooltip in intro.js .(Change the background color of tooltip to blue) Is it possible to achieve in intro.js
kate
  • 89
  • 2
  • 15
2
votes
1 answer

Step with click functionality in intro.js

Does anyone know how to add an step to intro.js that can open a menu when going to the target element. I have button on the left corner of my website. When user click that button a menu will be displayed. I could not find a way in intro.js to open…
Reza Shirazi
  • 359
  • 5
  • 17
2
votes
0 answers

Intro Js multi page

I am working on and have implemented multipage but I need a small clarification regarding the multipage. Current working : Step 1 : Next Step 2 : Next Prev Step 3 : Next Prev Step 4 : Next Prev Step 5 : NextPage Clarification needed : ( Can i have…
Shahil M
  • 3,836
  • 4
  • 25
  • 44
2
votes
0 answers

Intro.js not highlighting elements inside ul

I have been using angular-intro js for tutorials tour in my mockup project. It works fine except the elements inside the ul tag is not visible as intro-js helper layer overlays the element I have tried all the workarounds suggested but couldn't fix…
akila arasan
  • 737
  • 3
  • 11
  • 26
2
votes
1 answer

Integration results in unhandled Promise rejection

I want to integrate intro.js in my app. I get intro.js framework (2.4.0) and @types (2.0.28). My code build, but don't execute. import { Component, OnInit } from '@angular/core'; @Component({ selector: 'my', template:…
di99er
  • 73
  • 7
2
votes
1 answer

Go to next step on click of an element in introJS

I am building an application using angularjs in which i am using intro.js for product tour. I have a requirement that when the user clicks on a specific element, intro.js should focus on that particular element irrespective of the next element. So…
Gaurav Mehta
  • 603
  • 1
  • 6
  • 10
2
votes
1 answer

How to target dynamic step elements with Intro JS

I am trying to highlight an element which is created dynamically during the website tour (eg. it is created while going from step2 to step3). Intro JS cannot find it ( since I suppose all the step target elements are evalauted at startup with…
crash
  • 4,152
  • 6
  • 33
  • 54
2
votes
2 answers

how to use intro.js form npm package in meteor 1.4.1.1?

I am trying to use intro.js in my meteor Application. import { Template } from 'meteor/templating'; import { ReactiveVar } from 'meteor/reactive-var'; // import introJs from 'intro.js'; var introJs = require('intro.js'); import…
Saeed Jalali
  • 416
  • 4
  • 16
2
votes
1 answer

Intro.js not able to fire function between two steps(please check my code)

I am absolute begginer with JS, Please check my code, I am not able to call a function between two steps of intro.js. For now I am just trying to show alert but failed.