nzTour
nzTour copied to clipboard
Tour box has been cut off
I am using nz-tour 1.2.0 in my cordova project and having my box being chop off from left. Any advices is appreciated . thanks

Here is the config object
config: { mask: { visible: true, // Shows the element mask visibleOnNoTarget: false, // Shows a full page mask if no target element has been specified clickThrough: false, // Allows the user to interact with elements beneath the mask clickExit: false, // Exit the tour when the user clicks on the mask scrollThrough: true, // Allows the user to scroll the scrollbox or window through the mask color: 'rgba(0,0,0,.7)' // The mask color }, scrollBox: 'body', // The container to scroll when searching for elements previousText: 'Previous', nextText: 'Next', finishText: 'Finish', showPrevious: true, // Setting to false hides the previous button showNext: true, // Setting to false hides the next button animationDuration: 400, // Animation Duration for the box and mask placementPriority: ['bottom', 'right', 'top','left'], dark: false, // Dark mode (Works great with
mask.visible = false
) disableInteraction: false, // Disable interaction with the highlighted elements highlightMargin: 0, // Margin of the highglighted area disableEscExit: false, // Disable end of tour when pressing ESC, onClose: function() {}, //Function called when the tour is closed onComplete: function() {} //Function called when the tour is completed },
I reported this earlier here: https://github.com/nozzle/nzTour/issues/36
I ended up hacking the js and css to make this work - find and replace 250 with 200 (pixels) in both files and it works for me. The other issue I referenced above has some discussion about how to fix it correctly...