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.
Documentation: http://introjs.com/docs/
Questions tagged [intro.js]
239 questions
0
votes
1 answer
Tour with IntroJs framework in primefaces tabView doesn't work
I'm using IntroJs framework (https://introjs.com/) and my problem is to do a tour (intro) on a tabView (primefaces component).
When I put the inline atribute data-intro in a p:tab component, the primefaces ignores them and the html component it…
Luciano Porto
- 1
- 1
0
votes
1 answer
introjs opening and highlighting modal window md-dialog
I'm using introjs and am wondering if there's a way for it to open up a modal window and highlight it as part of the tour. How would that look in the JSON object?
Currently, I have a button that opens up the tour onclick:
Dave
- 1,257
- 2
- 27
- 58
0
votes
1 answer
In Vue.js how can I know that the entire view has rendered, including AJAX calls?
According to the Vue.js API documentation using nextTick() inside mounted() will guarantee that the entire view has rendered, but I am not sure what they mean by "rendered" in this case.
I am trying to integrate the intro.js library intro Vue.js,…
tatsuhirosatou
- 25,149
- 14
- 39
- 40
0
votes
1 answer
intro.js with ionic 3 angular
i am trying intro.js to get working with my ionic 3 angular app. the steps i did is:
install:
npm install intro.js --save
then in my index.html i have
Vik
- 8,721
- 27
- 83
- 168
0
votes
0 answers
Intro.js how to select multiple element, navigate between pages with continuous steps?
I am currently using Intro.js for my website and the code works is here
Page 1:
function startIntro(){
var intro = introJs();
intro.setOptions({
steps: [
{
element:…
Crazy
- 847
- 1
- 18
- 41
0
votes
2 answers
intro js is not worked when checking Cookies
i want to create INTRO js to my website, when user first time visit my website.
I use cookies with PHP. but its not worked.
This is my code
if(isset($_COOKIE["userip"]))
{
echo " $_COOKIE[userip]";
}
else
…
Def
- 115
- 1
- 1
- 14
0
votes
1 answer
intro.js - add shift + ? keyboard hotkey / shortcut support to launch (or trigger) introJs().start()
How do I make mousetrap launch intro.js guided tour?
SHIFT + ? will ... launch tour
Uncle Iroh
- 137
- 1
- 12
0
votes
1 answer
intro.js - reposition progress bar and put on bottom (beneath steps)
Is there a more clean approach? How do I position the progress bar to be on the very bottom of the introjs-tooltip? Here is my CSS, and what I desire should look like this.
.introjs-progress {
width: 112%;
opacity: 1;
margin: 0;
…
Uncle Iroh
- 137
- 1
- 12
0
votes
2 answers
angular intro.js not available
I have been trying to use angular intro js in my mockup angular js project the modal that asks whether the user needs to go through the tutorial is visible, However when I click the ok button that invokes the callMe method , an error is printed in…
akila arasan
- 737
- 3
- 11
- 26
0
votes
2 answers
How to add a 'Done' button at the final step of multipage intro.js tour?
I have successfully setup a multipage tour with intro.js
In the final step I can't have the 'Done' button displayed. I currently have a button going to the home page. How could I also add the 'Done' button?
The script in the final page (only…
LKallipo
- 790
- 10
- 18
0
votes
0 answers
How can I position intro when materialize tabs is shown (IntroJs)
My point is want the tab menu item auto open when it highlighted and if any element within the tab is highlighted the next step will focus on the element.
Anyway, I'm using JSON to provide steps I only know that this may use…
Thida
- 71
- 1
- 3
0
votes
1 answer
intro.js not working properly with angular material right sidenav
I am having an issue with creating an intro.js tutorial on a right hand sidenav in an angular-material application. I was able to replicate the issue in this plunker.
http://plnkr.co/edit/L0obADPTtiU028B806vF?p=preview
angular
.module('YourApp',…
btathalon
- 185
- 8
0
votes
1 answer
intro.js not working well on mozilla with fixed elements
I'm using intro.js for tutorials in my website. It's working well on chrome, but now I tried in Mozilla Firefox and the window is moving when highlighted. Anyone know why this is happening ?
EDIT:
I fixed for mozilla firefox, updating the css,…
terrorista
- 227
- 1
- 15
0
votes
1 answer
Intro.js doesn't skip over hidden element
I been working with Intro.js for a week now and found out that it doesn't skip over hidden elements:
for (var i = 0, elmsLength = allIntroSteps.length; i < elmsLength; i++) {
var currentElement = allIntroSteps[i];
//alert((…
Malarivtan
- 404
- 1
- 6
- 20