How to Show Hide Fields on Multiple Choices Checkbox in SharePoint Online List Form using Nintex forms for Office 365

In this Nintex tutorial, we will discuss how to Show-Hide Fields on Multiple Choices Checkbox in SharePoint Online List Form using Nintex forms for Office 365.

I would like to show this functionality in a simple SharePoint Online list form which is customized using Nintex forms for Office 365.

Sometimes we require showing or hiding a field control based on selected one from multiple checkboxes in Ninex form.

In this article, we will see how easily we can show or hide fields on a multiple-choice checkbox, the same functionality using rules in Nintex forms for Office 365 SharePoint Online.

Show/Hide Fields on Multiple Choices Checkbox in SharePoint Online List Form using Nintex forms

Step 1: First Open your SharePoint Online site and go to the SharePoint list form which you want to add the rule. On your SharePoint list ribbon, click on Nintex Forms as shown below.

Show or hide controls with Rules in Nintex Forms
Show or hide controls with Rules in Nintex Forms

Step 2: You will get the Nintex Forms Designer View (select classic form), here you will place the field control related to the chosen field as shown below.

Show Or Hide Fields Using Rule In Nintex Forms
Show Or Hide Fields Using Rule In Nintex Forms

Here in this particular Nintex Forms, I have multiple checkbox columns as “Medical Leave Reason” which has below 3 values:

  • Birth of my child
  • Adoption Placement
  • Other

Here my requirement is when a user checks the “Birth of my child” option, it should open a Date picker where a user can enter the birth date.

Step 3:  Hide/Show the “BirthofchildDate” date field Control in Nintex Forms.

Click on the “BirthofchildDate” field, Go to the control tab on the ribbon bar and click on the “Add Rule” button, the below rule bar will open as shown below.

Hide/Show on multiple choices checkbox
Hide/Show on multiple choices checkbox
  • On the bar click on  “Add” button and configure your rule 
  • Enter Name: provide a name for the rule, Rule Type: In our case select Formatting from the drop-down list and Condition: add Rule ”
    not(inArray(MedicalLeaveReason,’Birth of my Child’)) “.
  • we have checked in the “Hide” checkbox so our field is hidden unless the condition is valid.
  • Here choice fields are in an array (MedicalLeaveReason), so we have taken “not” and “inArray()” from Runtime function in formula builder(f(x)). When you click on ‘Birth of my Child’ of checkbox then only a particular date field will have appeared.

Step 4: We will Hide Rest of Two Choice field control when you check the first Checkbox(“Birth of my Child”) follow the below steps.

Hide the  “AdoptionPlacementDate” field:

  • Click on “AdoptionPlacementDate” field control, Click on “Add Rule ” button and enter the details as shown below.
  • For Hiding the “AdoptionPlacementDate” when “Birth of my Child” is checked.
  • Condition: ” inArray(MedicalLeaveReason,’Birth of my Child’) “.
  •  checked in “Hide” checkbox as shown below.
hide/show fields by on multiple checkbox nintex forms
hide/show fields by on multiple checkbox nintex forms

Hide the  “Other” field:

  • Click on “Other” field control, Click on “Add Rule” button and enter the details as shown below.
  • Hide the “Other” when “Birth of my Child” is checked.
  • Condition: ” inArray(MedicalLeaveReason,’Birth of my Child’) “.
  • Checked in “Hide” checkbox as shown below.
nintex forms rules yes/no
nintex forms rules yes/no

Step 5:  Follow the same steps from” Step 3 “and “Step 4” for other Two CheckBoxes(“Adoption placement” and “Other”).

Step 6: Save and Publish Form and see the below screenshot. After published form no date control and textbox control not displayed in the form.

show/hide control based on click on choice button nintex forms
show/hide control based on click on choice button nintex forms

Step 7: Rest of two checkboxes date controls not shown in the form when you click on “Birth of my Child” checkbox as shown below.

Hide or Show on multiple choices checkbox Nintex forms
Hide or Show on multiple choices checkbox Nintex forms

Step 8:   “BirthofchildDate” control is hidden When you click on other Checkboxes. See the below screenshot.

Show Or Hide Fields Using Rule In Nintex Forms
Show Or Hide Fields Using Rule In Nintex Forms

Step 9:  “BirthofchildDate” control date is shown when you unchecked the “Adoption Placement” checkbox as shown below.

Show or hide controls with Rules in Nintex Forms
Show or hide controls with Rules in Nintex Forms

Step 10: Anyone Checkbox only you can select and enter the date in date field control. Then the data will be added to your list as shown below.

Hide/Show on multiple choices checkbox
Hide/Show on multiple choices checkbox

You may like following Nintex forms tutorials:

This post, I explained how to show/hide columns in Nintex forms using rules in SharePoint Online.

Basically I showed how you can show or hide another control on a multiple-choice checkbox in Nintex forms for Office 365.

>