I am looking for a wizard component for use with Angular to break up long input forms. I could make one using ng-switch etc. but I don’t want to reinvent the wheel.
Has anyone of found an angular component that works well with Ionic for this? It needs to enforce validation at page level (ie. the user cannot continue until that particular page passes validation.
This looks pretty good - http://ionicframework.com/tutorials/intro-tutorial/ but does it handle validation?
Thanks
Take a look at this post about handling big forms
http://calendee.com/2014/01/17/use-cards-in-ionic-for-mobile-form-goodness/
Thanks, will check it out - I like the look of your site, some really useful posts on there
Ok, I have implemented my own wizard in Angular and followed the same design concepts of roughly 3 input elements per “step”. I have yet to abstract the wizard to a Directive but from a UX POV it is a good experience for the user with the correct validation.
Here is how I am doing my Wizard UX for Add and Edit
Hi rodneyjoyce
Codepen please…
Did you use the angular-wizard lib? I’m not having a lot of luck using it within an ion-content container, not sure if you did something differently?
No, I ended up hand coding it for V1 to get something out the door ASAP
Gotcha, yeah I ended up just doing the same. Used slideBox, turned off sliding and paging and am handling the form steps on my own by calling the the slidebox API manually. Allows me to leverage the slide functionality and an existing API while providing me with the flexibility to do any kind of validation etc that I want. Plus, no additional libs to include.
Hey man, great looking app. Well laid out and good UI. I also liked your video on the Google Play store… and cool choice for the background music haha! 
Nice job, keep it up!
~ Brad
Thanks for the feedback Brad!
You may like angular-wizard: https://market.ionic.io/plugins/wizard / http://arielfaur.github.io/ionic-wizard/