Tour HTML Attributes

You can use these HTML attributes to manage or alter intro elements.

data-intro#

The tooltip text

data-title#

The tooltip title (optional)

data-step#

Define the number (priority) of step (optional)

data-tooltipClass#

Define a CSS class for the tooltip (optional)

data-highlightClass#

Append a CSS class to the helperLayer (optional)

data-position#

Define the position of tooltip, top, left, right, bottom, bottom-left-aligned (same as bottom), bottom-middle-aligned, bottom-right-aligned or auto (to detect the position of element and assign the correct position automatically). Default is bottom (optional)

data-scrollTo#

Define the element to scroll to, element or tooltip. Default is element (optional)

data-disable-interaction#

To disable interactions with elements inside the highlighted box, true or false (also 1 or 0) (optional)

Last updated on by Afshin Mehrabani