Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

LCFS - UX Investigate restrictions on filling out the AG grid input forms from left to right #1511

Closed
1 of 5 tasks
Grulin opened this issue Dec 19, 2024 · 3 comments
Closed
1 of 5 tasks
Assignees
Labels
Medium Medium priority Spike Research needed prior to development UX

Comments

@Grulin
Copy link
Collaborator

Grulin commented Dec 19, 2024

Describe the task
Investigate and implement AG Grid restrictions that enforce a left-to-right data entry workflow in forms. Users should be required to enter information starting with the leftmost field and proceed sequentially across the form to the right. This restriction would:

  1. Prevent users from jumping around fields.
  2. Ensure mandatory fields are completed in the correct order, following the logical order for the forms in the portal.
  3. Reduce the likelihood of error messages by guiding users through the form systematically.

Purpose
To improve the user experience by creating a structured data entry workflow, ensuring that all mandatory fields are completed in sequence and reducing potential errors caused by skipping fields. This aligns with the logical order for forms in the portal, reinforcing consistency and usability.

Acceptance Criteria

  • Investigate the feasibility of implementing field-by-field validation logic in AG Grid to enforce sequential data entry in alignment with the logical order of the forms in the portal.
  • Restrict users from entering data in fields to the right until all preceding fields (mandatory or otherwise) are completed.
  • Ensure error messages are triggered only when a mandatory field is skipped or left incomplete during sequential entry.
  • Test the restrictions to confirm they function as intended across all relevant forms and user roles (e.g., IDIR and BCeID users).
  • Validate that the restrictions do not disrupt existing functionalities, such as saving drafts or adding rows.

Please refer to card #1597 and #1598 for a detailed summary of enhancements that should be made.

@Grulin Grulin added Medium Medium priority UX labels Dec 19, 2024
@Grulin Grulin changed the title LCFS - Investigate restrictions on filling out the AG grid input forms from left to right UX LCFS - UX Investigate restrictions on filling out the AG grid input forms from left to right Dec 19, 2024
@Grulin Grulin added the Spike Research needed prior to development label Dec 19, 2024
@StuartGALL
Copy link
Collaborator

After investigating AG Grid restrictions, there should be red around the cell highlighting the required field (this isn't always the case). As we are using a form of Progressive validation, the user should be required to move left to right throughout the form to make their inputs.

Once the form has successfully been filled out, we could validate the rows at the end of the process of filling out all required fields. If the user has missed a field, an error message could be displayed with a red outline around cells that need attention, along with the error message.

@airinggov
Copy link
Collaborator

@StuartGALL should we disable fields by default and only enable them as data is entered in the proper order?

@StuartGALL
Copy link
Collaborator

StuartGALL commented Jan 3, 2025

Please refer to card #1597 and #1598 for a detailed summary of enhancements that should be made.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Medium Medium priority Spike Research needed prior to development UX
Projects
None yet
Development

No branches or pull requests

3 participants