Navigation [Currently being edited]

This page provides an overview of the "Previous", "Next", "Submit" and "To" buttons and how the respective progress of a form is displayed by default.

---

Navigation buttons

PREVIOUS — I want this [Element] to become a prev button

Description:

The "prev" attribute can be set to any element within the form block that is to receive the previous navigation function.

If you want to achieve the previous navigation functionality with elements outside the form block, append the name of your Studioforms instance to the "name" value.

---

Name =

sf

[If element outside the form block] Name =

sf-Your_Instance_Name

Value =

prev

---

---

[If element outside the form block]

NEXT — I want this [Element] to become a next button

Description:

The "next" attribute can be set to any element within the form block that is to receive the next navigation function. (Note that standard webflow buttons receive this function by default. If there is no next slide, the next buttons will trigger the submit function. If you want to disable the button functionality, set name to "sf" and value to "no-button")

If you want to achieve the next navigation functionality with elements outside the form block, append the name of your Studioforms instance to the "name" value.

---

Name =

sf

[If element outside the form block] Name =

sf-Your_Instance_Name

Value =

next

---

---

[If element outside the form block]

SUBMIT — I want this [Element] to become a submit button

Description:

The "submit" attribute can be set to any element within the form block that is to receive the submit navigation functionality. (Note that standard Webflow submit buttons are automatically converted and therefore receive this function by default. )

If you want to deactivate the functionality of the button, set name to "sf" and value to "no-button".

---

Name =

sf

Value =

submit

---

TO — I want this [Element] to become a to button

The TO elements are currently being revised to merge them with the old conditional logic into a new to-based logic (mainly for greater ease of use).

In the meantime, if you have specific navigation needs, check out the .to("Slide identifier") in the Wized + StudioForm section -> https://bmg.gitbook.io/form/wized-+-studioform-not-finished-yet

---

Progress indicators

PROGRESS BAR — I want this [Element] to become a progress bar

x & y axis are adjustable.

INDICATOR — I want this [element] to display numerical form progress information

CURRENT & COMPLETED — I want this [element] to receive a progress-based combo class

This behaviour is described in further detail -> here <- and -> here <-.

---