Skip to content

Forms: review and submit template

ShannonTucker edited this page Apr 27, 2022 · 9 revisions

The review and submit template is used to allow users to check and confirm their answers before submitting a form.

Overview

Desktop

Review and submit desktop

Mobile

Review and submit mobile

Usage

When to use

  • For smaller forms use this template after form completion and before users submit the form.
  • For larger forms use this template after each section.

How to use

  • Always display all questions and answers to help reduce the error rate.
  • Always allow users the ability to go back and change their answers.

Customizing the review and submit form template

  • Spacing is set up using auto-layout, with 24 px between each question and response pair – this spacing can be customized if needed.
  • Colours and styles should not be changed.

How we created this component- 4A assessment

This template is not included in the Canada.ca Design System. We created the template and added it the DECD Extended Figma.

Clone this wiki locally