Overlay

An overlay can be displayed when the tour is active, by default this is on. There is also an option to stop the tour when the overlay is clicked. The overlay element class can also be set with the OverlayClass property.

Disabling the overlay

The overlay can be disabled by setting the OverlayEnabled property on the Tour



<GuidedTour TourId="DefaultTheme" OverlayEnabled="false" CloseClickOverlay="false" >
 .... 
</GuidedTour>

Close on Click

To close the tour when the overlay is clicked, set the CloseOnOverlayClick to true. If the tour is on the last step it will internally call the TourCompleted action and if not it will call the TourCancelled action.



<GuidedTour TourId="DefaultTheme" OverlayEnabled="true" CloseClickOverlay="true" >
 .... 
</GuidedTour>
An unhandled error has occurred. Reload 🗙