How to: Logically show/hide grouped sections

Owned by Stratawise Support
Last updated: Jul 28, 2018


Step-by-step guide

  1.  Select Module in the top left banner then select the appropriate module name link.
  2.  Select the Forms tab then select the Default name link.
  3.  Select the drop down to the right of Palette, and select Separator.
  4.  Drag and drop the Section Start from the Palette on the right to the form Canvas on the left.
      (This begins the section for the grouping)
  5.  On the Section Start within the Canvas select the wrench icon in the top right  to edit.
  6.  Select the Check Box "Apply Display and Read Only conditions to this entire section."
  7.  Set the Display Condition by typing a conditional statement using JavaScript. 
      (Example-  " form.data.<Control-InternalNameHere> === '<Control-ValueHere>' " )
      (Example-  " form.data.customSelectList1 === 'SelectedListValue' " )
  8.  Then drag and drop the Section End from the Palette on the right to the form Canvas on the left placing it below the Section Start.
      (This ends the section for the grouping)
  9.  Check to make sure the form items you would like to be in the section group are between the Section Start and Section End.
  10.  Select Save in the upper right, the controls within the section will only be visible when the Display Condition statement is true.
      (Such as a check box form control containing selected(checked), or a check box form control not containing selected(checked))