ng-walkthrough

ng-walkthrough

A walkthrough/on-boarding/tour guide/learning page directive which is responsive, dynamic, easy to use

Free!

(2)
Ophir Stern

Ophir Stern

Member since 2015

Details

Version:
0.2.0
Size:
0mb
Ionic:
1.0 beta 14,1.0.0,1.0.1
Platforms:
iOS, Android, Windows Phone
Released:
9 years ago
Updated:
8 years ago
Category:
Plugins
Tags:
walkthrough, on boarding, on-boarding, tour, learning

After not finding an Angular walkthrough/on-boarding/tour guide/learning page directive which was responsive, dynamic, easy to use and thus good for our Fitness Meal Planner mobile web App I decided to create one.

One of the most common design challenges emerging in mobile design is that of 'invitation' - creating an explanation walk through during user first interaction with the app so to engage him. Following Theresa Neil's design patterns from Mobile Design Pattern Gallery

This angular directive implements a walkthrough via one of the following patterns: the transparency pattern or the tip pattern (an explanation about the different patterns can be found online at ux booth)

For further info make sure to visit: GitHub

Hey there! You'll need to log in before you can leave a comment here.

Shreyas Gombi

Shreyas Gombi   ·   8 years ago

Hi.. Need some help here.. The plugin doesn't focus on most of the elements, do I need to do anything??

Shreyas Gombi

Shreyas Gombi   ·   8 years ago

How do I move the walkthrough hole so as to focus properly on an element...???

Ophir Stern

Ophir Stern   ·   8 years ago

Hi Shreyas, thanks for the feedback. The directive is open-source so many glitches have been found by the community and most have been fixed. Could you perhaps specify as to what you mean when saying glitches? Thanks

Ophir Stern

Ophir Stern   ·   8 years ago

Hi Shreyas, could you perhaps look into the examples on site and give me an update if solved. P.S The community is more active on the Github site, could you perhaps contact me there with questions? https://github.com/souly1/ng-walkthrough thanks

Austin Grantham

Austin Grantham   ·   8 years ago

Hi Ophir, I downloaded the files, uploaded them to my server, loaded the JS and CSS files. I added 'ng-walkthrough' to my injection list. I added even just a test example from your plunker example. When the walkthrough tries to show it looks like there's an infinite loop and it freezes the browser and I have to use Chrome's task manager to force close the tab. Any ideas to what's causing this?

Ophir Stern

Ophir Stern   ·   8 years ago

mmm, are you using the latest version from Github or the version here? P.S The community is more active on the Github site, could you perhaps contact me there with questions? https://github.com/souly1/ng-walkthrough thanks Thanks Austin

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Mateus Castro

Mateus Castro   ·   8 years ago

Hi, when the walkthrough tries to show a element inside a Ion-nav-bar or ion-header-bar, the focus not working.

Ophir Stern

Ophir Stern   ·   8 years ago

Hi Mateus, right. See open issues on Github, this is a known issues which has to due with Ionics implementation of getting an ion-nav-bar element on screen. Thanks

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

saroj

saroj   ·   5 years ago

Hi Ophir i want use this plug in my home page i.e after the login.but while importing i am getting the error Error: BrowserModule has already been loaded. If you need access to common directives such as NgIf and NgFor from a lazy loaded module, import CommonModule instead.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

  ·   just now

{{ comment.comment }}

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

  ·   just now

{{ comment.comment }}

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

saroj

saroj   ·   5 years ago

Hi Ophir i want use this plug in my home page i.e after the login.but while importing i am getting the error Error: BrowserModule has already been loaded. If you need access to common directives such as NgIf and NgFor from a lazy loaded module, import CommonModule instead.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Mateus Castro

Mateus Castro   ·   8 years ago

Hi, when the walkthrough tries to show a element inside a Ion-nav-bar or ion-header-bar, the focus not working.

Ophir Stern

Ophir Stern   ·   8 years ago

Hi Mateus, right. See open issues on Github, this is a known issues which has to due with Ionics implementation of getting an ion-nav-bar element on screen. Thanks

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Austin Grantham

Austin Grantham   ·   8 years ago

Hi Ophir, I downloaded the files, uploaded them to my server, loaded the JS and CSS files. I added 'ng-walkthrough' to my injection list. I added even just a test example from your plunker example. When the walkthrough tries to show it looks like there's an infinite loop and it freezes the browser and I have to use Chrome's task manager to force close the tab. Any ideas to what's causing this?

Ophir Stern

Ophir Stern   ·   8 years ago

mmm, are you using the latest version from Github or the version here? P.S The community is more active on the Github site, could you perhaps contact me there with questions? https://github.com/souly1/ng-walkthrough thanks Thanks Austin

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Ophir Stern

Ophir Stern   ·   8 years ago

Hi Shreyas, could you perhaps look into the examples on site and give me an update if solved. P.S The community is more active on the Github site, could you perhaps contact me there with questions? https://github.com/souly1/ng-walkthrough thanks

Ophir Stern

Ophir Stern   ·   8 years ago

Hi Shreyas, thanks for the feedback. The directive is open-source so many glitches have been found by the community and most have been fixed. Could you perhaps specify as to what you mean when saying glitches? Thanks

Shreyas Gombi

Shreyas Gombi   ·   8 years ago

How do I move the walkthrough hole so as to focus properly on an element...???

Shreyas Gombi

Shreyas Gombi   ·   8 years ago

Hi.. Need some help here.. The plugin doesn't focus on most of the elements, do I need to do anything??

Hey there! You'll need to log in before you can leave a rating here.

Shreyas Gombi   ·     ·   8 years ago

Love the concept, simple to implement it in our application. Some glitches here and there, hoping the developer can fix it.

DeshAtom   ·     ·   8 years ago

awsome concept

  ·     ·   just now

{{ rating.comment }}

  ·     ·   just now

{{ rating.comment }}

DeshAtom    ·     ·   8 years ago

awsome concept

Shreyas Gombi    ·     ·   8 years ago

Love the concept, simple to implement it in our application. Some glitches here and there, hoping the developer can fix it.