Walkthrough with taps on app elements for Ionic 3


#1

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?


#2

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


#3

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.


#4

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


#5

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


#6

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.


#7

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


#8

Hello,

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

Best regards, anna-liebt


#9

Awesome! Thanks for this!