This video demonstrates the creation of form Sections on a formstrap form.

Sections allow the form to have semantically distinct sections headed with a <h2> heading.

The video goes through each of the fields of the Section metadata and shows how changes to these are reflected on the form.

This includes:

• All Forms
  • A friendly ID for the Section - this allows you to easy reference the form in user initiated form events
  • Group - this allows you to apply user initiated form events to any element that have the same group name
  • The title of the section shown on th eform as a <h2> heading
  • The description of the section. Allow you to provide instructions or context to users completing the form
  • Initial visibility - you can set the Section not visible and then make it visible in response to user initiated events
  • Enclose in a card - allows you to style the Section using a Bootstrap card and colour scheme
  • The margins around the Section, the padding within it and the gutters between Section Columns inside the Section
• Hosted Forms Only
  • Exclusions from generated PDFs. It is possible to exclude a section from the PDF that can be generated on hosted forms - useful for redacting information