diff --git a/index.html b/index.html index f48d707..31306e6 100644 --- a/index.html +++ b/index.html @@ -15,7 +15,8 @@
Light-weight, no-dependency, vanilla JavaScript engine to drive user's focus across the +
Light-weight, no-dependency, vanilla JavaScript engine to drive user's focus across + the page
With Animation @@ -250,6 +251,11 @@ driver.highlight({ opacity: 0.75, // Background opacity (0 means only popovers and without overlay) padding: 10, // Distance of element from around the edges allowClose: true, // Whether clicking on overlay should close or not + doneBtnText: 'Done', // Text on the final button + closeBtnText: 'Close', // Text on the close button for this step + nextBtnText: 'Next', // Next button text for this step + prevBtnText: 'Previous', // Previous button text for this step + showButtons: false, // Do not show control buttons in footer scrollIntoViewOptions: {}, // We use `scrollIntoView()` when possible, pass here the options for it if you want any onHighlightStarted: (Element) {}, // Called when element is about to be highlighted onHighlighted: (Element) {}, // Called when element is fully highlighted @@ -257,6 +263,8 @@ driver.highlight({ });Note that all the button options that you provide in the driver definition can be overridden for a + specific step by giving them int he step definition
Here are the set of options that you can pass in each step i.e. an item in array of steps or the object that @@ -267,10 +275,9 @@ driver.highlight({ title: 'Title', // Title on the popover description: 'Description', // Body of the popover showButtons: false, // Do not show control buttons in footer - doneBtnText: 'Done', // Text on the last button - closeBtnText: 'Close', // Text on the close button - nextBtnText: 'Next', // Next button text - prevBtnText: 'Previous', // Previous button text + closeBtnText: 'Close', // Text on the close button for this step + nextBtnText: 'Next', // Next button text for this step + prevBtnText: 'Previous', // Previous button text for this step } };