Implement skip logic (hiding/showing questions based on previous answers)

[jimmoffet]

Overview

As a form builder, I would like to be able to show or hide rest of the questions on a page based on answer, so that I can reduce the burden on form fillers.

Context

Current Figma is here

Acceptance Criteria

Required outcomes of the story

• [ ]

Research Questions

• Optional: Any initial questions for research

Tasks

Research, design, and engineering work needed to complete the story.

• [ ]

Definition of done

The "definition of done" ensures our quality standards are met with each bit of user-facing behavior we add. Everything that can be done incrementally should be done incrementally, while the context and details are fresh. If it’s inefficient or “hard” to do so, the team should figure out why and add OPEX/DEVEX backlog items to make it easier and more efficient.

• Behavior
  • Acceptance criteria met
  • Implementation matches design decisions
• Documentation
  • ADRs (/documents/adr folder)
  • Relevant README.md(s)
• Code quality
  • Code refactored for clarity and no design/technical debt
  • Adhere to separation of concerns; code is not tightly coupled, especially to 3rd party dependencies; dependency rule followed
  • Code is reviewed by team member
  • Code quality checks passed
• Security and privacy
  • Automated security and privacy gates passed
• Testing tasks completed
  • Automated tests pass
  • Unit test coverage of our code >= 90%
• Build and deploy
  • Build process updated
  • API(s) are versioned
  • Feature toggles created and/or deleted. Document the feature toggle
  • Source code is merged to the main branch

Decisions

• Optional: Any decisions we've made while working on this story

[JennyRichards-Flexion]

@jimmoffet Needs details, please. Moving it back to Backlog for the upcoming sprint.

[JennyRichards-Flexion]

First implementation - hide all the rest of the questions on a given page.
Form builder selects a question - use logic affordance. Based on answer of the question, they are able to show/hide the rest of the questions on a given page.

[nichole-aquino]

Hi @danielnaab – Following up on the question raised in stand, I documented questions from the big pardon form that will require skip logic. Hope this helps with scoping this down.

Common question types:

• Radio buttons: Selecting a specific option can trigger the display of the rest of the page.

• Example (pg 6): Have you applied for federal commutation or pardon before? If filler selects ‘yes,’ show date applied (month/year) and date of decision (month/year)
• Example (pg 7, reframed as a question): Do you have children? If filler selects ‘yes,’ show questions regarding their children / dependents
• Example (pg 13, reframed as a question): Have you ever been diagnosed with a substance use disorder? If filler selects ‘yes,’ show questions regarding their diagnosis

• Checkbox(es): Choosing certain checkboxes can trigger the display of the rest of the page.

• Example (pg 7): Current marital status. If filler selects ‘civil union/domestic partnership’ or ‘married,’ show questions regarding their current spouse / partner information
• Example (pg 11): Have you served in the military? If filler selects ‘Not applicable,’ hide questions relating to military service
• Example (pg 13): Have you struggled with substance use? If filler selects ‘Not applicable,’ hide questions relating to substance abuse

Less common question types:

• Select dropdown: There are no instances in this form, but it may be used if there's a long list of options for single selection.

[nichole-aquino]

Hi @danielnaab, here is the updated UI for skip logic, which I shared in the latest demo. I can walk through this once you're ready to work on it, but in the meantime, do let me know if you have any questions or need further details in the ticket.

#437