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

issue related with intro.js focus on HTML table format

Let us think of the above image as typical HTML table. Intro.js helps to focus according to data-steps. my Table is generated according to foreach loop. I was wondering if its possible to focus on table column similar to the image instead of…
Malarivtan
  • 404
  • 1
  • 6
  • 20
0
votes
1 answer

How to set IntroJS step on a fixed element?

I got a fixed element (because that element has to stay fixed at a certain position) with these attributes: style="position: fixed; width: 270px; right: 60px; height: 500px;" Whenever I press through the introJS steps, it would show the highlighted…
thadeuszlay
  • 2,787
  • 7
  • 32
  • 67
0
votes
1 answer

Intro.js Guide number is slightly displaced

I have incorporated Intro.js for implementing guide in my website. Although it is working perfectly fine what i have problem with is small integer number displaying on top left corner of the div selected for guide. (Picture attached) This number is…
Vishal Khare
  • 73
  • 10
0
votes
1 answer

How can we use introJs for a particular group of element

How can I use IntroJs for different groups of element. Actually I want to use it for multiple part at same page. As per their documentation For example introJs(".introduction-farm").start(); runs the introduction only for elements with…
Tushar Sharma
  • 101
  • 1
  • 6
0
votes
2 answers

Can introjs validate forms?

I noticed that introjs can move from page to page. But I have a login page on the way : So I must fill the form, then click the connexion button. Can introjs validate forms ? Asked an other way : After filling up some input fields while demoing the…
Hugolpz
  • 17,296
  • 26
  • 100
  • 187
0
votes
2 answers

How to redirect_to with intro.js

I created a default tutorial page to use with intro.js. How can we redirect the user to the root_url once he either finishes or exits out of the tutorial? application.js $(function () { introJs().start(); }) tutorial.html
AnthonyGalli.com
  • 2,796
  • 5
  • 31
  • 80
0
votes
2 answers

How to redirect focus inside a dialog box in intro.js?

I want to redirect at the bottom of the dialog, as i click button at the header of the dialog with name "Click for INSIDE help" as shown in the image. Image of the Dialog , you can see here
user5496577
  • 21
  • 3
0
votes
1 answer

How to interrupt IntroJS.js tutorial with a onclick on an element and then carry on?

I am working on a tutorial for this site. On the 3rd step, I highlight an element, which I ask the user to click, this changes one of elements, which I then want to use in the next step. However when the next step occurs, the correct element is…
MapMan
  • 630
  • 2
  • 13
  • 28
0
votes
0 answers

Why won't the intro start without using a timeout?

I am in the process of installing an outside JS plugin called intro.js https://github.com/usablica/intro.js3. According to the install instructions, the only files needed are intro.js and introjs.css and then a introJs().start(); call can be…
Alex P
  • 407
  • 6
  • 15
0
votes
1 answer

Intro.js skips steps on page load when there is no cookie

Using the below code, when the page loads and there is no cookie, the condition is met and Walkthrough.runWalkthrough(); is executed. The intro.js walkthrough starts but it skips steps, it will go from step 1,3,6. When I refresh the cookie is…
Barry G
  • 221
  • 4
  • 14
0
votes
2 answers

Is there a way to set Intro.js to change the tool tip position on one element instead all?

Here's what I have thus far: http://jsfiddle.net/urccLq2u/4/ enter code here(required to post) The default tool tip position is set to bottom. In the first code, I change the tool tip position right to show the example of the tool tip positioned…
graphettion
  • 131
  • 1
  • 10
0
votes
1 answer

Going to next target element when click target element

Is there a way to customize the introJs script to go to next element when user click over the targetElement? http://usablica.github.io/intro.js/
Khalil
  • 41
  • 1
  • 10
0
votes
1 answer

In IE11, clicking on next or back button opening a new page using intro.js

If I use the arrow keys it works fine. But if I click on the next or back button opening a new page I am using setOptions like below: setOptions({ steps:[{ element: '#cmsinput', intro: 'ENTER URL HERE', …
partha
  • 15
  • 3
0
votes
1 answer

facebook graph search intro/tour/guide like script

Okay I guess this question may seem too vague but I'm trying to find the script that helped user get to know the graph search for the first time, the help/guide/tour script which would automatically write something in searchbar & return result..if…
Shreyansh
  • 98
  • 8
0
votes
1 answer

Expand background to entire page when focusing on single container with intro.js

I'm using intro.js to tour a specific element introJs("#section1").start() Is there any way I can expand the background to the entire page even when focusing on a single element ? JSBIN example (try to activate the tour for the bottom…
haki
  • 9,389
  • 15
  • 62
  • 110
1 2 3
…
15
16