In this post, we will discuss how can design multiple steps forms for Office 365 SharePoint online. The user will fill a few fields in one tab and then use the will click on Next to fill other fields and then they can submit the form. If you are new to Nintex forms for Office 365 then you can see: Working with Nintex Forms for Office 365 SharePoint Online.
Here we will design two forms with the help of Panel in SharePoint Online. Add the first Panel and then put the controls and design the form. Also, put the Next button.
Then double-click on the Next button, Select Button action as JavaSript and in Client click put GoToPage(2) as shown in the fig below:
Now we will write the rule for a panel to hide the panel when a user clicks on Next button.
Select the Panel and then from ribbon click on Add Rule.
Give a name for the rule and then rule type as Formatting. Then in condition click on f(x) and write the rule like below:
if(Is Display Mode, false, hiddenField !=1)
Then check Hide check box. The rule should like below:
Then add the other Panel. Here you put required controls and Previous and Submit button.
Then select the 2nd Panel and write a rule. Give a name for the rule, Rule Type as Formatting and then Condition, write condition as: if(Is Display Mode, false, hiddenField !=2).
Then select Hide checkbox. The rule should look like below:
var hiddenTxtBox = NWF$(“#”+hiddenTxtBoxId);
It should look like below:
Now publish the form. When you will click on add new item. You will be able to see the first form.
Then when a user clicks on Next, the next screen will look like below:
You may like following Nintex forms for Office 365 tutorials:
- Steps to create column in Nintex forms designer in Office 365 SharePoint Online
- How to use Repeating Section in Nintex forms for Office 365 SharePoint online?
- How to change Nintex Forms header banner in SharePoint Online Office 365?
- How to apply rules in Nintex forms for Office 365 SharePoint online?
- How to reset to out of box list forms from Nintex Forms customization in SharePoint Online
- How to implement mandatory field validation in Nintex forms in Nintex forms for Office 365 SharePoint Online?
- Steps to show cascading dropdown in Nintex Forms for Office 365 SharePoint Online
- How to implement validation rules by condition in Nintex forms for Office 365 SharePoint Online?
- Add different layouts into Nintex forms in Office 365 SharePoint Online
- How to set a default value for lookup column in Nintex forms for Office 365 SharePoint online?
Hope this Nintex forms tutorial will help you to know more about how you can design a multi step form using Nintex Forms for Office 365 in SharePoint Online.
SharePoint Online FREE Training
JOIN a FREE SharePoint Video Course (3 Part Video Series)