Skip to main content
How are we doing? Please help us improve Stack Overflow. Take our short survey
Filter by
Sorted by
Tagged with
1 vote
0 answers
74 views

I’m working on a Symfony project using EasyAdmin. I have a Page entity that contains a collection of Step entities. Each Step has a field called intro where I want to store and display a YouTube ...
Niek's user avatar
  • 11
0 votes
1 answer
70 views

I have a multi-page Intro.js tutorial, and I need to allow users to navigate between pages. Specifically, I want to make sure that when a page contains only 1 step, the "Previous" button ...
Niek's user avatar
  • 11
3 votes
1 answer
73 views

I've used rintrojs successfully in the past, but in my current application, however, the tooltip only appears automatically on the first step in Safari. It works fine in the RStudio browser and also ...
DaveArmstrong's user avatar
1 vote
0 answers
35 views

if (!sessionStorage.getItem('introSkipped')) { introJs() .setOptions({ steps: [ { element: document.querySelector('#test'...
Naufal Taufiqurrahman's user avatar
0 votes
0 answers
59 views

I'm attempting to use the Intro.js library to create tooltips for a number of elements on a web page. The page includes an iframe, and I want to add a tooltip on a button that is rendered on the page ...
gburgalum01's user avatar
2 votes
1 answer
77 views

I would like to create an introtour in my shiny app using the rintrojs package with introjs function. In this introtour I would like to add a tooltip to the next button. In the documentation of intro....
Quinten's user avatar
  • 42.8k
0 votes
2 answers
115 views

The button needs to be edited in css to appear the way I have, that part worked. Then it needs to show a message that says "welcome to the world of coding!" upon clicking the button. I feel ...
Molly Gustafson's user avatar
2 votes
0 answers
65 views

I have a python 2.7 project that uses IntroJs 7. IntroJs just upgraded to a version 8 and it broke, with no warning, the functionality. I need to access 2 files from version 7, Intro.js and Introjs....
Kevin L's user avatar
  • 49
1 vote
1 answer
110 views

I have a shiny app that generates choices for selectizeInput() based on the value of another selector. Specifically, it finds the unique values of the selected variable and then makes those choices. ...
DaveArmstrong's user avatar
1 vote
0 answers
87 views

I was trying to use intro.js- react library for my project onboarding but as sson as i import soething from this package i am getting this bug. i have seen such issue with other packages too. so i ...
Apurva Raj Purohit's user avatar
2 votes
1 answer
143 views

Is it possible to add a part of a UI (e.g., the filter section of a renderDataTable) to intro steps when using introjs()? Example: I want the user to know that they can use the filter section of the ...
Majid Zaremehrjardy's user avatar
1 vote
1 answer
222 views

These are included in my <head>: <link rel="stylesheet" href="https://unpkg.com/intro.js/minified/introjs.min.css"> <script src="https://unpkg.com/intro.js/...
user avatar
0 votes
1 answer
287 views

I have a side bar that is displayed in all views. In that side bar I have a dropdown menu to select some tours that are made with intro.js. There is a quick start, that works perfect. I want to add ...
suribe06's user avatar
0 votes
2 answers
617 views

I am new to intro.js-react and I am currently trying to execute a function at a specific step, however I am having trouble figuring out how to do so. I know there is an onChange prop that can be used ...
Ciremal's user avatar
  • 107
-1 votes
1 answer
1k views

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 ...
hall ring's user avatar
1 vote
0 answers
230 views

I'm using React, Material-UI, MUI DataGrids, and intro.js-react. I'm trying to give users a tour of a screen that contains a MUI DataGrid. The steps in the tour involve highlighting specific elements ...
Juan Portillo's user avatar
1 vote
1 answer
503 views

Can I add checkboxes or custom HTML elements directly within the intro messages? There are no any features in the documentation about adding custom HTML elements in intro messages. const ...
Ravindu Yasith's user avatar
0 votes
1 answer
68 views

I would like an introduction using rintrojs that highlights a button that toggles between showing and not showing a conditionalpanel. If the conditional panel is not showing, when the intro gets to ...
Nate Hawkins's user avatar
0 votes
1 answer
198 views

I am using intro.js for showing quick start tour in angular. I am using data-intro and data-step attributes to display order and information of component that is displaying next in quick start tour. I ...
durga durga's user avatar
0 votes
1 answer
218 views

Is there any way we can start the intro.js for newly added features only. for new used it will be starting from first setup, but for the user who have already watched till step x for them we can start ...
Huzaifa's user avatar
1 vote
1 answer
391 views

In my Intro.js user adoption tutorial I need to show steps number starting only from the second step (the first one is only an introduction step without an element reference). So in that case the ...
Marco24690's user avatar
0 votes
1 answer
455 views

I've added the intro.js and introjs.css file and followed the instructions for installation. When I click the Start link at the top of my site, nothing happens. I've added an alert popup so I know the ...
Don Sevcik's user avatar
0 votes
1 answer
583 views

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 ...
mnagdev's user avatar
  • 554
0 votes
1 answer
156 views

I am trying to show an Intro.js tour on an element which is inside a <table>. The <table> is inside a jquery UI dialog box I am populating the table rows in my JavaScript: while (i != 10) {...
user avatar
-1 votes
1 answer
102 views

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's user avatar
  • 1
0 votes
2 answers
4k views

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: <script src="https://cdnjs.cloudflare.com/ajax/libs/...
user avatar
1 vote
1 answer
73 views

I'm making an onboarding screen using Intro.js. In this screen, I want to receive an input from the user. However, to do this, when I add an input to the screen of intro.js, I cannot assign the data ...
mryunus's user avatar
  • 144
1 vote
2 answers
1k views

The issue is like this. When reloaded, a pop-up starts as this screenshot below. The progress bar displays 0. And for some reason, the position is in the upper left corner. And here, if you press &...
Wes's user avatar
  • 262
1 vote
1 answer
1k views

The issue is like this. When reloaded, the first step and pop-up show in the upper left corner instead of the center, this is the first problem for me. I expected it to position center as the Intro.js ...
Wes's user avatar
  • 262
2 votes
1 answer
2k views

Code is like here. import { useState } from 'react'; import { Steps } from 'intro.js-react'; export default function Dashboard() { const [stepEnabled, setStepEnabled] = useState(true); const ...
Wes's user avatar
  • 262
0 votes
1 answer
974 views

How do I use dontShowAgain in combination with setting steps as a JSON configuration? They are both invoked using .setOptions(), but have different syntax? I tried to call both, but naturally the last ...
Kevin Ko's user avatar
1 vote
0 answers
162 views

So, i want to come out with the Javascript which forced user to input / select anything before going to next step, (like forced user to press button, input their name, etc). I am working on Django ...
Chuen Yik Kang's user avatar
3 votes
2 answers
738 views

I am following the tutorial example from React.js Onboarding Using Intro.js however when I look at my page the tooltip is not popping up and my terminal is giving the following errors: WARNING in ./...
Nicholas Cruz's user avatar
4 votes
1 answer
1k views

How to make a specific introjs tooltip width longer? I'm able to change the text color using css but changing the width is not working. CSS: .customTooltip * { color: #4a4a4a; font-size: 18px; ...
unice's user avatar
  • 2,852
3 votes
1 answer
2k views

I'm trying to install intro.js in Angular and work on it but encountered an issue showing TypeError: intro_js__WEBPACK_IMPORTED_MODULE_0__ is not a function at new AppComponent (app.component.ts:...
Mrunal Dhobe's user avatar
1 vote
0 answers
611 views

We have a requirement where I have to add a checkbox on the intro.js pop-up, so I have used intro.js min and CSS files CDN links to use the Intro.js, currently, I'm getting intro.js pop-up with the ...
shailesh sangle's user avatar
1 vote
0 answers
297 views

I'm setting up a number of hints for a page in my single page app with React. It's a data driven page which renders an image, which depends on what has been clicked on the previous page. All works ...
Klaas Klever's user avatar
1 vote
1 answer
761 views

It seems if I try to go to a particular step from within the IntroJS onexit event, it gets very confused and doesn't show the correct step and highlighted element. I have my steps setup via json, i ...
yoyoma's user avatar
  • 3,546
3 votes
0 answers
446 views

I am trying to get the intro.js (https://introjs.com) javascript code to work on my Wix.com website, but I cannot get it to work. I have the css file written into the header as described. I have ...
user avatar
3 votes
0 answers
375 views

Is it possible to dynamically add steps so that IntroJS can find the element after a route change ? Basically when a certain step is loaded, I am routing to another page this.introJs.onbeforechange((...
yoyoma's user avatar
  • 3,546
1 vote
2 answers
594 views

I created a tour using intro.js and I'd like that after the tour is completed, the user can still restart it by clicking on a button. This was already asked previously but not answer yet Similar ...
SFW's user avatar
  • 31
1 vote
1 answer
489 views

I'm implementing introJS on my website for a simple product tour (http://the.computing.cafe/). The behaviour of the tour is fine for elements fixed in the header but causes the main content to scroll ...
MrMills's user avatar
  • 161
0 votes
1 answer
124 views

IntroJs hints How can I skip or hide when a parent element is not visible? For some reason only inline seems to be working for my hints.I have the data-hints in spans on the HTML and I need to check ...
CatGirl's user avatar
  • 31
2 votes
4 answers
2k views

I am using intro.js in my code to implement the walkthrough. I want to implement a sceanrio where on clicking the done button(.introjs-donebutton) the page should scroll to the top but with this code ...
user15895653's user avatar
0 votes
1 answer
544 views

I have tried: import ngIntroJS from 'angular-intro.js/build/angular-intro'; import ngIntroJS from 'angular-intro.js/src/ng-intro.component'; But I get errors with both. What is the correct way to ...
C0mpl3x's user avatar
  • 532
1 vote
1 answer
1k views

I have created a tour, added step and ids to elements. But a element that is nested in, is an angular component or is from a library that is for angular will not be highlighted. This is my tour: this....
C0mpl3x's user avatar
  • 532
1 vote
0 answers
302 views

I have created a tour and I want the items highlighted to be clickable so I added attribute disable interaction to the tour but the items are still not clickable. this.introJS.setOptions({ ...
C0mpl3x's user avatar
  • 532
-1 votes
1 answer
497 views

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 ...
C0mpl3x's user avatar
  • 532
1 vote
0 answers
200 views

I'm working on a project in which I'm trying to implement introJs, when IntroJs starts it misses the focus on the first step. When you go back from step one to step two it looks OK. I have tried to ...
Alex Dev's user avatar
2 votes
1 answer
542 views

Is there a way to restart Intro.Js from a button? I currently have it set up to run on page load with steps defined in JSON, which it does just fine. However, I want to make the tour available for ...
user3771691's user avatar

1
2 3 4 5