Form Break Field

form break field general look

Short forms are more understandable and easier to go through. That’s why you can divide one big form into several parts. With the help of Form Break Field, not only can you visually separate different parts but also make those parts appear after filling in the previous part. On the front end, it looks like a “Next page” button that opens the next part of the form when the current one is finished.

Settings

form break field settings

General Settings

In the Label bar, you can type the name for the button that will open the next part of the form.

Field Settings

If the user hasn’t filled in the required field or put the wrong type of information there, the “next page” button will be disabled. In the Disabled message text area, you can write the notification that will explain to the user why the button isn’t working.

Advanced Settings

If there are more than two parts of the form, it will be convenient to add the “Previous Page” button. To do it, enable the Add Prev Page Button toggle. You will be able to give it a name in the Prev Page Buton Label bar.Also, if you would need to add some CSS coding, you can do it in the CSS Class Name bar.

Style Settings

form break field styling messages

The styling settings for this field will appear only after you finish the form creation and place it on the page. Of course, this is all true if you have installed the JetStyleManager plugin. In the Block Style menu tab, there are four unfolds responsible for the Form Break Field appearance. Here are the styling settings you can meet there: