nzTour icon indicating copy to clipboard operation
nzTour copied to clipboard

Tour box has been cut off

Open sannysinghs opened this issue 8 years ago • 1 comments

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

screen shot 2017-01-15 at 4 32 10 pm

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 },

sannysinghs avatar Jan 15 '17 08:01 sannysinghs

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...

craig-at-rsg avatar Nov 17 '17 19:11 craig-at-rsg