[Question] How to load wizard type form to a specific page

[ullas1989]

I have a form created using angular-formio package which is in wizard type mode with multiple pages. When forms loads, I am populating some data to it which all is working fine.

Now I need to set the page number so when wizard form loads, it is automatically displaying the current page as whatever I want to display, instead of always starting with first page of the wizard.

Any idea how can this be done?

[travist]

You can get the renderer using this method https://gist.github.com/travist/e639060968a6ec984b38a49c3753043f

Then, you can do the following.

ngAfterViewInit() {
    this.formioComponent.ready.then((formio) => {
      formio.formReady.then(() => {
        formio.setPage(2);
      });
    });
  }

[ullas1989]

@travist
Thank you. I will try this.

[ullas1989]

@travist
I tried this solution but there is no setPage() function available in either FormioComponent or FormioBaseComponent. Am I missing something?

Is there a way I can catch click event of navigation bar on wizard type form? If I can do this, it might also solve my problem.

[travist]

You can reference the "root" from any component to get access to the wizard object. So it could be the following.

instance.root.setPage(2);