Uploaded image for project: 'Nuxeo Platform'
  1. Nuxeo Platform
  2. NXP-25935

Improve form layouts feedback UX on errors

    XMLWordPrintable

    Details

    • Type: Improvement
    • Status: Resolved
    • Priority: Critical
    • Resolution: Fixed
    • Affects Version/s: 10.3-SNAPSHOT
    • Fix Version/s: 9.10-HF23, 10.3
    • Component/s: Web UI

      Description

      Problem

      On a form layout (ie, create layout or edit layout), if it is long enough, the user gets a scroll.
      When the user clicks the submit action (create, edit, ...) there might be an error that is outside of the visible layout and there isn't any explicit feedback of that error(s).
      So, the user doesn't see any feedback and might get confusion why nothing happens (form isn't submitted).

      Proposed solution
      From material design: http://demo.geekslabs.com/materialize-v1.0/form-validation.html

      The idea is to scroll and focus on the required field that was left empty or has an error. In the example above, if you leave more than one required field empty it will scroll and focus on the bottom field that was left empty, on the form. it should focus on the top error field instead so that the user would see other empty fields when scrolling down the form. It also shows an error message underneath the input field.

        Attachments

          Issue Links

            Activity

              People

              • Votes:
                1 Vote for this issue
                Watchers:
                5 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:

                  Time Tracking

                  Estimated:
                  Original Estimate - 0 minutes
                  0m
                  Remaining:
                  Remaining Estimate - 0 minutes
                  0m
                  Logged:
                  Time Spent - 2 hours, 20 minutes
                  2h 20m

                    PagerDuty

                    Error rendering 'com.pagerduty.jira-server-plugin:PagerDuty'. Please contact your Jira administrators.