Create and design multipage forms

Before displaying a multipage form on your pages using the Form widget, you must first create it, design its layout, and create its content. You do this via the Forms module as described below.

You create and configure multipage forms on the Forms page.

1. If you have multiple sites, use the dropdown menu in the upper left of the page to select the site where you want to create forms. 
   For more information, see Multisite.
   
2. In your Sitefinity CMS backend, navigate to Content » Forms.
   The Forms page opens.
   
3. On the Forms page, click Create a form.
   The Create a form page opens.
   
4. In Form title, enter the name of your multipage form.
5. In Web framework, select the relevant mode: ASP.NET Core or NextJS.
6. In Name used in code (for developers), you can change the automatically generated name for developers by clicking (Edit) and entering a new name in the input field.
7. To proceed with designing the form layout, click Create.
   

You design the layout of a multipage form using the Form page and Form navigation widgets.

To do this, perform the following:

1. Open an ASP.NET Core / Next.js form for editing.
2. In the page editor, click Add widget here…
   The widget selector opens in the right pane.
3. Click the Layout tab.
4. Click the Form page widget to place it in the form body.
   The widget splits the multipage form logically into different pages.
   For information how to use this widget, see Configure multipage form widgets » Form page.
5. Click the Form navigation widget to place it in the form body.
   The widget displays a label for every form page. In addition, when a user navigates between the different form pages, the Form navigation widget indicates the currently active form page/step and marks the completed steps.
   For information how to use this widget, see Configure multipage form widgets » Form navigation.
   

After you have designed the layout of your multipage form, you can proceed by adding form widgets from the Content tab - such as Textbox, Checkboxes, Multiple choice, Dynamic list, and so on.

You first place the form widgets inside a Form page widget and then you configure them.

Place a widget in a multipage form

You can place a form widget only inside a Form page widget.
To do this, perform the following:

1. Inside the selected Form page widget, click Add widget here…
2. Select the Content tab.
3. Click the respective widget.
   The chosen widget is placed inside the currently selected Form page widget.

Configure a form widget

To configure a form widget placed inside the Form page widget, perform the following:

1. In the page editor, hover over the widget.
2. Click the toggle menu in the widget label.
3. Click (Edit).

Configure each form widget by following the respective procedure included in Create and design forms (ASP.NET Core) or Create and design forms (Next.js).