Walkthrough with taps on app elements for Ionic 3

I need to make a walkthrough that points out an element, has users tap on parts of the app, and brings up a dialog, and I need to do it on several different pages, so I either need to make it fire when visiting that particular page (and register that it is seen so it doesn’t fire again) or make it so the walkthrough can handle page changes.

I found this for Ionic 1. https://github.com/souly1/ng-walkthrough

Is there an existing solution for this? If not, what is the best approach? (one walk through or several little ones / new components or integrated into the particular page) Should I try to convert the Ionic 1 walkthrough to work with Ionic 3 or should I start afresh?

Have you tried implementing what’s in that link you found?

1 Like

No, I haven’t. I haven’t really used any Ionic 1 anything, so I was worried it might be a bad approach. I will try. Cheers.

Mentioned in this issue: https://github.com/souly1/ng-walkthrough/issues/75

-> Found this which is inspired by ng-walkthrough of angular 2: https://github.com/Zefling/ng-walkthrough

2 Likes

Awesome! I’ll see what I can do with that. Cheers!

1 Like

Sorry to be a jerk, but there is also a case to be made that if you need a tool like this, you don’t have a well designed app. A user should be able to look at your app and intuitively know how it works without having to be walked through a tutorial. Maybe you don’t have any control over the design, but this kind of thing should be a last resort.

1 Like

I completely agree. I’m trying to convince the person who wants it to not use it. It goes against all my instincts.

1 Like

Hello,

maybe driver.js http://kamranahmed.info/driver.

Best regards, anna-liebt

2 Likes

Awesome! Thanks for this!

1 Like

Have you implemented one of these suggestions?
If so, I’d be happy to know how -
I have to do the same thing - Walkthrough for Ionic 3.
Thanks

Hi, welcome! We ended up not having one, which was what I was recommending, so I don’t know how good the various options are.

I did make my own though. It was very basic.

Thanks for your response!
Finally, I implemented the using the intro.js package
According to the following link:


(Note that it did not work for me in Chrome browser)