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
5
votes
1 answer
How to skip not visible elements with intros attribute method
I am using introJS and our template designer team only can use data-intro attribute but they are also using tabs and other javascript to hide or show some elements.
When introJS is run, for those hidden elements (either hidden or in another tab) it…
Gowrav Vishwakarma
- 121
- 1
- 10
5
votes
2 answers
Multi page intro.js with Shiny
I am trying to implement into.js multipage functionality on a Shiny app.
The code bellow is an attempt that does not work. The first tab works nicely, the popup for the second page is displayed but without switching the tab.
ui.R
library(shiny)
…
Valter Beaković
- 3,140
- 2
- 20
- 30
5
votes
1 answer
Intro.js - any way to prevent closing of tour when clicking outside?
Wanted to incorporate the intro.js tour plugin but when checking out the plugin, the document didn't highlight any way of preventing the closing of the tour by a click outside the tour section. I would rather have a "End Tour" button which the user…
Sam
- 532
- 6
- 12
5
votes
3 answers
Ignore missing element for the tour in tour.js
I am using intro.js in a dynamic page and if all the elements provided are present, the tour goes fine without any issues.
But if any of the element is not present, the page being dynamically generated, the tour stops and have to press NEXT button…
Purus
- 5,701
- 9
- 50
- 89
4
votes
0 answers
How to fix rintrojs modals working locally but fail when deployed to shinyapps.io
I have a shiny app that uses the 'rintrojs' package to create guide modals that take people through features of the app. There are a number of data steps that link to elements on different tabPanels. I have found a way to make the app switch to the…
victoe
- 41
- 3
4
votes
2 answers
Combining Rintrojs with shinydashboard
I'm just getting started with the rintrojs package and I would like to mix it up with the shinydashboard package. Especially I would like to have a step for:
the sidebar,
the header (which is in blue in the image)
the button that allows to close…
K.Hua
- 769
- 4
- 20
4
votes
2 answers
How does intro.js works?
I have an on boarding tour in at my.bonify.de. It offers a similar experience to introjs.
We implemented this in a very ugly way using a cutout div with a very large box-shadow. We would like to improve upon this and use an overlay like introjs…
rui.araujo
- 9,597
- 1
- 18
- 24
4
votes
3 answers
IntroJS Add Directive To Step Markup
I am using introJS to have a user guide. I can show various features, however, i want to add a directive to the markup e.g:
$scope.IntroOptions = {
steps: [
{
element: "#step1",
intro: "Click the button:
Oam Psy
- 8,555
- 32
- 93
- 157
4
votes
0 answers
How to highlight a table column using intro.js
Basically there is a need to highlight a whole table column using intro.js library.
Is there any way to achieve that feature?
Oleksii Kyslytsyn
- 2,458
- 2
- 27
- 43
4
votes
1 answer
AngularJS: intro.js - change language - options in directive same language
I'm using intro.js in my angular app:
http://code.mendhak.com/angular-intro.js/example/index.html
and all was ok, untill yesterday...
my problem:
when i solve (or skip) tutorial:
and
after i change language and restart tutorial:
and i see same…
brabertaser19
- 5,678
- 16
- 78
- 184
4
votes
1 answer
How to set the buttons in a different language in IntroJs
I use introJS. My main audience of Russia. How to set the control buttons in the language other than english?
dlarchikov
- 288
- 2
- 11
4
votes
1 answer
intro.js disableInteraction not working as expected
FYI - This is question is probably way easier to understand having had experience using this plugin.
I am using intro.js to build an interactive tour on my webpage and for the most part it has been working well. In options, listed in the API, there…
Nic
- 75
- 9
4
votes
4 answers
intro.js not working for specific elements based on classes
I am not able to start intro.js with specific elements which are have class='test'.I am using Intro.js v0.9.0.
as per documentation, I written code just like following way.
vasan
- 2,203
- 3
- 18
- 22
4
votes
1 answer
Add intro to dynamically added elements
My first steps points to a button which has to be clicked by the user, then after clicking the button a dialog where the user can fill in some details pop up.
what happens is i'm just getting the backdrop and the intro does not point to the dialog,…
Norly Canarias
- 1,736
- 1
- 21
- 19
4
votes
1 answer
Display all intro.js tour steps at once
Is there is a way to display all the tooltips for the steps of an intro.js tour at once instead of stepping through every time?
ryoungz
- 41
- 3