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 then you can see: Working with Nintex Forms for Office 365.
Here we will design two forms by the help of Panel. Add the first Panel and then put the contols and design the form. Also, put the Next button.
Then double click on the Next button, Select Bution 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 user click 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 liek 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 check box. The rule should be look like below:
var hiddenTxtBox = NWF$(“#”+hiddenTxtBoxId);
It should looks 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:
Hope this will be helpful.
Download FREE SharePoint 2019 Installation PDF Guide
This FREE PDF contains, Steps by step guide to install SharePoint 2019 Preview, prerequisites, hardware and software new features. First impression to SharePoint Server 2019 new modern site, modern lists and modern document libraries.
You May Also like the Following SharePoint Online Tutorials: