[Resolved] How to Navigate between different parts of multi step form?

[Author]

Posts

[hui-suanC]

Tell us what you are trying to do?
> I know how to create an edit form and a multi step form which saves and goes to the next step, but I don't know how to allow users to back track or jump ahead of the form.
(eg if the form has 5 steps and I want to allow the user to jump from step 3 to step 5 if they are editing a post which already exists)
(I am adding a multi step wizard to the top of the form so that users can navigate back and forth)

Is there any documentation that you are following?
> https://toolset.com/forums/topic/post-forms-saved-in-progress-paged-forms/

[Nigel]

I expect that you have a series of different edit forms, containing the fields for that step of the multi-step form, each added to its own content template.

It sounds like you have set this up using the custom redirects to progress from editing the post with one form to the next form in the sequence.

If you are building a form navigation on the page to allow jumping between different steps, you can create that by inserting multiple edit links, one for each edit form.

Use the Toolset Forms button to insert a post edit link.

In my example in the screenshot I only have one edit form to choose from, but in your case you will have several, and you will be able to insert links for each edit form in this way.

You can then organise/style these links as you need.

See https://toolset.com/documentation/getting-started-with-toolset/publish-content-from-the-front-end/forms-for-editing/#adding-an-edit-link-to-templates-that-display-single-items

[hui-suanC]

Thanks, that is an easy to understand solution. Sorry but I have another question. I expect to save the form before the screen loads to a different section of the form. How do I do that?

[Nigel]

If you mean save the form before navigating to a different section using the links that we talked about above, then you cannot.

You 'save' a form by submitting it.

You can't click on a link to another page, submit the form, then continue to follow the link to navigate to the other page.

You could use JavaScript to add a click event listener to the links which throws up an alert to warn the users about saving first so that they can go back and submit the form if they need to, but you have custom redirects for the form submission so navigate to the next form in the sequence, so I don't see how that could work either.