Is there any tutorial on creating a multi step form using ion slides

Ionic Framework ionic-v3
1

Can somebody suggest any tutorial on creating a multi step form using ion slides.
???

2

I am also looking for this, Do you find anything which can help to create multi step form? Please advice.

3

Yea this would be really useful to me too. Any suggestions anyone?

4

After reading into it, it wouldn’t be too hard.

You can put form elements inside of the ion-slide. And then you’d simply need to lock the slides from scrolling (lockSwipes(true)) until the elements on this slide have been filled out. I’ll look a little bit more into it later and see if I can come up with an example for you :slight_smile:

5

@WillP44 is right… just insert form elements to the slides. and lock swipe on page load and
only change to next slide on button click

Just do this to lock swiping

ionViewDidLoad() {
    console.log('ionViewDidLoad ServicePage');
    this.slides.lockSwipes(true);
}

and on button click

goToSlide(slideNo) {   
     
    
    this.slides.lockSwipes(false);
    this.slides.slideTo(slideNo, 500);
    this.slides.lockSwipes(true);
  }
1 Like
6
1 Like