Stack Overflow
Stack Overflow

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
0
votes
1 answer

Change dialog button color (Next/Back) : Intro JS React

I am using a React wrapper for intro js, and I am trying to change the default background color for dialog buttons. Here's a codesandbox given in the documentation I want to change the background color of the Next button here I have been trying to…
mnagdev
  • 384
  • 3
  • 11
0
votes
0 answers

How can i assign true location for materialSwitch input via rintrojs package?

During help tour, in materialSwitch step, notation is not located at its true position. I tried to assign a position from JS code, but it didn't work.
Arda Askin
  • 51
  • 5
0
votes
1 answer

introJs() API is not working when attached to an element inside a jquery modal dialog box

I am trying to show an Intro.js tour on an element which is inside a . The
is inside a jquery UI dialog box I am populating the table rows in my JavaScript: while (i != 10) { var row = t1.insertRow(t1.rows.length); var cell =…
user21035631
0
votes
0 answers

How do I start introJS tour animation on an element after it is visible?

I want to start an introJS tour on a specific HTML table. The thing is that the table is hidden initially.
…
user21033063
0
votes
0 answers

Guide-Me solution with 2 scrollbars

I am implementing a guide solution using the introjs.com library My application has 2 scrollbars, so when I pass the ID of the element I want to highlight, the library uses the larger scrollbar, which makes the highlighted area a part that has…
Laura Arakaki
  • 1
0
votes
0 answers

How to add button and link inside introJs highlighter in React only

enter image description here `Now want to add some website link to the button. How to do with react Js. const steps = [ { element: "#billing-help-icon", intro: "You can use this button for help ", position:…
Anirban Konar
  • 1
  • 1
0
votes
0 answers

How we can know esc key press in onExist() event in introJS

How we know esc key press in onExist() event in introJS + Angular 2+. I have tried many way like get key press key using hostlistner but hostlistner call after onExist() event call but no luck. On esc key press, then onExit() method call and inside…
Laxman
  • 3
  • 2
0
votes
1 answer

Hide Cross icon (Skip) on last step in Angular13 + IntroJs

I am getting problem on last step, close(skip) icon should be hide on last step. #Angular13 @introJs enter image description here There is not option in introJS to hide Cross icon
Laxman
  • 3
  • 2
0
votes
0 answers

How to skip intro.js for a hidden field and conditional display elements

We have hidden fields which displays conditionally in asp.net form . How to handle this in intro.js implementation. intro for Hidden fields are also displaying
Sharath Vv
  • 1
  • 1
0
votes
2 answers

Intro.js: Failed to find a valid digest in the 'integrity' attribute for resource with computed SHA-512 integrity

I am trying to implement a simple intro animation to my html page using Intro.js library. I have included this library in my html page: