Disabling background controls

GlobalHive / vuejs-tour

VueJS Tour is a lightweight, simple and customizable tour plugin. It provides a quick and easy way to guide your users through your application.

https://globalhive.github.io/vuejs-tour/

MIT License

83 stars 7 forks source link

Disabling background controls #45

Closed franck102 closed 8 months ago

franck102 commented 8 months ago

Hi, is there any way to prevent the user from interacting with other elements on the page while the tour is under way? A backdrop to grey out the rest of the page would be nice too to help focus on the tour tooltip...

GlobalHive commented 8 months ago

Hello, Great idea! I'm gonna add this in the next update

Sincerely Sascha

GlobalHive commented 8 months ago

Hey @franck102 I just added a new prop 'backdrop' if you pass this, then a backdrop will be added thus disabling the controls. You can style it the same way as everything other. See Styling

Please update to the latest version to use this feature.

Sincerely, Sascha