search

usablica / intro.js

Lightweight, user-friendly onboarding tour library
http://introjs.com
Other
22.8k stars 2.59k forks source link

Option to disable overlay layer #359

Closed quanghoc closed 5 years ago

quanghoc commented 9 years ago

Sometime we need to allow users to interact with other DOM while showing the intro. The "overlay" kind takes over the whole screen. Making overlayOpacity=0 doesn't solve the problem as you cannot click anything outside.

I am proposing a way to disable this overlay layer completely.

If there is workaround / alternative, please let me know

connyay commented 9 years ago

@quanghoc This is not the 'correct' way to do it - but you could just add 

.introjs-overlay {
display: none;
}

jsfiddle with display: none

An option to disable the overlay could be added to the library, but not sure how much interest there is.

quanghoc commented 9 years ago

It's actually more complicated than that. There is also the highlight area. Also if you exit() the guide, you can come back to the same step and not start over again.

Actually what I am asking is closer to this: https://github.com/DaftMonk/angular-tour

buremba commented 7 years ago

pointer-events:none may also help as a workaround.