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,trueorfalseexitOnOverlayClick: Exit introduction when clicking on overlay layer,trueorfalseshowStepNumbers: Show steps number in the red circle or not,trueorfalsekeyboardNavigation: Navigating with keyboard or not,trueorfalseshowButtons: Show introduction navigation buttons or not,trueorfalseshowBullets: Show introduction bullets or not,trueorfalseshowProgress: Show introduction progress or not,trueorfalsescrollToElement: Auto scroll to highlighted element if it’s outside of viewport,trueorfalseoverlayOpacity: Adjust the overlay opacity,Numberbetween0and1disableInteraction: Disable an interaction inside element or not,trueorfalse
Adding options
An example of adding an option:
introJs().setOption("nextLabel", " > ");