13
Views
1
Comments
Tour JS
Question
Application Type
Reactive

Hello Everyone,

I am working with TourJS to implement guided tours in my application. Currently, I am facing an issue where the user can close the tour in two ways:

  1. By clicking on the ❌ close icon.

  2. By clicking anywhere outside the tour dialog (backdrop).

I would like to restrict the user from closing the tour in these ways and ensure that the tour can only be completed by going through all the steps and clicking the Finish button.

Can you please suggest how to configure TourJS (or override its behavior) so that:

  • The close icon is hidden/disabled.

  • Clicking outside the tour (backdrop) does not close it.

  • Pressing Esc also doesn’t close it.

Thanks in advance for your help!
The JS File is attached and its used in OnReady Event of a block.

TourJS.txt
2024-07-05 14-16-55
Daniël Kuhlmann
 
MVP

Hi,

I don't have the answer to your questions, but there are already libraries available in the Forge that provide similar features, and are proven to work.

I have used IntroJs succescully several times, wasy to implement.

Here is the list of Forge components:

https://www.outsystems.com/forge/list?q=Introjs&t=&o=most-popular&tr=False&oss=False&c=%20&a=&v=&hd=False&tn=&scat=forge

Regards,

Daniel

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.