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
4
votes
4 answers

How can I create a constructor for a static library

I'm using the introjs library. See the original code here. I want to be able to write var = new IntroJs() rather than call the start() method. How can I achieve that?
Daniel Ribeiro
  • 10,156
  • 12
  • 47
  • 79
3
votes
1 answer

TypeError: chart_js__WEBPACK_IMPORTED_MODULE_0__ is not a function

I'm trying to install intro.js in Angular and work on it but encountered an issue showing TypeError: intro_js__WEBPACK_IMPORTED_MODULE_0__ is not a function at new AppComponent (app.component.ts:12:13) at…
3
votes
0 answers

Why does intro.js give me a "document is not defined" error?

I am trying to get the intro.js (https://introjs.com) javascript code to work on my Wix.com website, but I cannot get it to work. I have the css file written into the header as described. I have installed the npm package using their "velo" developer…
3
votes
3 answers

How to disable or hide a button in intro.js for a specific step?

Currently, I am facing an issue, when I try to disabling a button in a particular step ? my code is like this var intro = introJs(); intro.setOptions({ steps: [ { element: "#add_temp", intro: "Add your template" …
Jithin Paul
  • 51
  • 1
  • 6
3
votes
1 answer

How to change 'overlayOpacity' just for one step with intro.js?

I want to change the 'overlayOpacity' option to 0.5 for only one specific step. How can I realize this functionality and change that parameter back to the default value? Examples, which do not work: introJs().step2().setOption("overlayOpacity",…
David
  • 59
  • 2
  • 8
3
votes
3 answers

Css not working for intro.js module in React

I have added Intro.js as below in one of my components: import introJs from 'intro.js'; Then called it in componentDidMount componentDidMount() { introJs().start(); } Element where I am using it at:
vini
  • 4,657
  • 24
  • 82
  • 170
3
votes
1 answer

Bootstrap 4 modal with intro.js transparant

The following example shows a bootstrap modal which is activated in the second step of intro.js. Unfortunately, I do not know how you get the overlay of intro.js transparent so you can see the modal. In addition, I would like to add a progress bar…
3
votes
1 answer

Intro.js 2 pages then return to home

I am using intro.js to create a small intro to my website. I want The tour to go from page 1(home)-2(another page) and then back to 1(home). I have suscsesfully got it going from page 1-2 but am unsure about how to get it to return to page 1. I am…
user1993
  • 33
  • 3
3
votes
1 answer

How to stop triggering introjs after first walkthrough?

I'm using introjs. But when a user ends the intro, then refreshes the page, introjs starts up again. Is there a way to only show a walkthrough once per user? For example I have it where when a user first signs into my website - introjs will popup.…
AnthonyGalli.com
  • 2,796
  • 5
  • 31
  • 80
3
votes
2 answers

How to highlight more than one element with introjs?

I have different DOM elements I want highlighted with the JS library intro.js. The problem seems to be that I can just define one element to be highlighted: introjs.setOptions({ steps: [ { element: '.element1', …
David
  • 131
  • 2
  • 8
3
votes
1 answer

Is there a Javascript Help Framework?

Is there a Javascript framework that help my end-users to easily use a website? A framework to become possible from a config file that I specify which buttons, div's ...etc need some information about how to easily use a site.
Claudio Santos
  • 1,307
  • 13
  • 22
3
votes
4 answers

How do I adjust the style of the tooltip for specific steps when using Intro.js

I'm trying to change the style of the very first step (data-step="1") and I went about it by calling onbeforechange() introJs().onbeforechange(function(targetElement) { switch (targetElement.getAttribute("data-step")) { case "1": …
elisaeo10
  • 35
  • 1
  • 4
3
votes
1 answer

Ability to show all steps in introJS

Is it possible to show all of the introJS step numbers at once (not the highlighting their associated elements or toolTips) - so one could see all the areas of the page that have 'explanations'? Then make all of those numbers clickable so that the…
Edragame
  • 153
  • 7
3
votes
2 answers

Intro.js not working for specific classes

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…
3
votes
2 answers

Intro.js in an iframe

I wanted it to work in an Iframe but if I define the js. in the parent document it does not recognize the elements that should be "introduced" inside the iframe. If I use it inside the iframe the effect is not what I expect (the overlay covers only…
1 2
3
15 16