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

onbeforechange callback for intro.js

I've got a callback function written for the onbeforechange method. Below is the code: introJs().onbeforechange(function() { if($(this).is(":visible") != true) if($(this).is("ui-tabs-panel") == true) $('.ui-tabs-nav…
Brandon
  • 103
  • 1
  • 5
  • 11
0
votes
1 answer

Introjs with a single page application

I have a single page application that I need to add a walkthrough on I'm using http://usablica.github.io/intro.js/. My application has multiple wizard style pages they navigate through, so for each page (in the single page app) the walkthrough needs…
Stephen
  • 707
  • 3
  • 13
  • 33
0
votes
1 answer

introjs-helperLayer overlay targetElement in intro.js

Green button whith introJs().start(); Step By Step function is work, but targetElement no aviable. Please help! Sorry^ my English = bad
Sergey
  • 111
  • 1
  • 7
-1
votes
1 answer

Rollup failed to resolve import when deploy on vercel

screenshot of the error Rollup failed to resolve import "intro.js/introjs.css" when deploying React TypeScript app with Vite and Intro.js I am trying to integrate Intro.js into my React TypeScript app using Vite as the build tool and deploying it…
hall ring
  • 1
  • 1
-1
votes
1 answer

Why is IntroJS tooltipClass option not working

I'm using introJS in my angular application. I went step by step based on the tutorial on their site. I wanted to change the styling so I basically copied their code but it didn't work. It added the class but it has no effect on the tip. My…
C0mpl3x
  • 480
  • 4
  • 21
-1
votes
1 answer

How to add custom class for introJS skip button?

I need to hide skip button, but .introjs-skipbutton class is also hiding the done button(I need done button). How to add custom class for introJS skip button?
tru.d
  • 555
  • 2
  • 6
  • 23
-1
votes
1 answer

How do i set up a counter to read sleep time?

I have this homework assignment where i have to input a text file into my java program. the file is a "bed sensor", and tells you if the person is in a deep sleep, a restless sleep, or interrupted sleep(awake), with 0s, 1s, and 2s respectively. each…
-1
votes
1 answer

Introjs is not highlighting the fuse-sidebar elements

I have created an angular project for which I am using fuse-sidebar. I am also using introjs. That is working fine but this is not highlighting the elements that are inside fuse-sidebar. This is how it looks for elements inside fuse-sidebar And…
Sunil Garg
  • 14,608
  • 25
  • 132
  • 189
-1
votes
3 answers

Select element from intro.js by selenium webdriver

what is the correct way for me to select "Skip" button or navigate the tooltip element if I have one page that is written with intro.js, http://introjs.com/? I have tried to use following code. but selenium webdrive return exception for…
jacobcan118
  • 7,797
  • 12
  • 50
  • 95
-1
votes
3 answers

How to highlight bootstrap modal with intro.js

I have a button, once I click on that button bootstrap modal will appear and then intro.js should highlight that modal. This is my requirement. But it's not working like that. Once I click on that button modal is appearing but intro.js is not…
vasan
  • 2,203
  • 3
  • 18
  • 22
-1
votes
1 answer

Retrieving data from database to introjs using JSON

I am using IntroJs currently and using the JSON to call the introjs. Is it possible to store data/text/info in database and using JSON to retrieve it from the database?

Welcome back,
Raynoro
  • 175
  • 1
  • 4
  • 15

-1
votes
1 answer

Step number is not on top (introJs)

I cannot seem to get the number of the step on top of the highlighted area as expected. I have version 0.5 of both js and css. Any idea of what the problem is afshinm?? THanks a lot!
-1
votes
1 answer

Using Intro.js and jquery.cookie to show intro only on first view of each url

I am using intro.js functionality across 3 different urls. I have limited it to show to users only the first time they load a page with: unless $.cookie("firstview")? introJs().start() $.cookie "firstview", "firstSet", expires: 365 But the one…
-2
votes
1 answer

How to have a multipage-multiple tour site using intro.js?

I'm currently new to intro js and I have this big project up I need to start a tour on page 1, that will continue on page 2, then it needs to go back to page 1 and start another tour that will continue on page 3 I hope someone can help me :(
nikssss
  • 1
  • 2
1 2 3
15
16