Options
steps
: For defining steps using JSON configuration (see this example)nextLabel
: Next button labelprevLabel
: Previous button labelskipLabel
: Skip button labeldoneLabel
: Done button labelhidePrev
: Hide previous button in the first step? Otherwise, it will be disabled button.hideNext
: Hide next button in the last step? Otherwise, it will be disabled button.tooltipPosition
: Default tooltip positiontooltipClass
: Adding CSS class to all tooltipshighlightClass
: Additional CSS class for the helperLayerexitOnEsc
: Exit introduction when pressing Escape button,true
orfalse
exitOnOverlayClick
: Exit introduction when clicking on overlay layer,true
orfalse
showStepNumbers
: Show steps number in the red circle or not,true
orfalse
keyboardNavigation
: Navigating with keyboard or not,true
orfalse
showButtons
: Show introduction navigation buttons or not,true
orfalse
showBullets
: Show introduction bullets or not,true
orfalse
showProgress
: Show introduction progress or not,true
orfalse
scrollToElement
: Auto scroll to highlighted element if it’s outside of viewport,true
orfalse
overlayOpacity
: Adjust the overlay opacity,Number
between0
and1
disableInteraction
: Disable an interaction inside element or not,true
orfalse
Adding options
An example of adding an option:
introJs().setOption("nextLabel", " > ");