Uploaded image for project: 'eZ Publish / Platform'
  1. eZ Publish / Platform
  2. EZP-29679

Validation error messages not visible when trying to publish content

    Details

      Description

      As today, when trying to publish a content item with a field not validating, below the fold line, the user see no error message and has no information what so ever and just can't get through publishing.
      This is not a bug from the sense of an error in the execution of the code, but it is clearly a bug from a user perspective (which is the perspective that really matter): it prevent the user from doing what he is trying to do, creating frustration and poor user experience.

      Previously, https://jira.ez.no/browse/EZP-29088 was a suggestion for improvements on how to best tackle this issue with a good animation. Great if we can implement this.
      However, at the very least, we need to give the issue a quick fix, without animation or naming of the field or link to the field but simply by having a mention on top of the page that there is an error, as shown attached:

        Issue Links

          Activity

          Roland Benedetti created issue -
          Roland Benedetti made changes -
          Field Original Value New Value
          Epic Link EZP-29166 [ 62906 ]
          Roland Benedetti made changes -
          Link This issue clones EZP-29088 [ EZP-29088 ]
          Roland Benedetti made changes -
          Issue Type Improvement [ 4 ] Bug [ 1 ]
          Roland Benedetti made changes -
          Roland Benedetti made changes -
          Description This is improvement will solve current usability problems users have when trying to publish a content, but nothing is happening due to the required fields that need to be reviewed are below the fold line.

          Suggested solution -> Improve the current validation system by adding two more interactions:
          - Display a global message on top of the page, below the Content item title (see attached wireframes);
          - When the user clicks on Publish button and there is/are still required field(s) that need to be filled, add a scrolling effect taking the user automatically to the first of the not-filled fields.


          Use cases -> As a user I want the validation messages to indicate me which are the specific required fields I need to fill out in order to save my content when in editing view.


          1. Content Section, Edit Mode:
          When the user clicks on “Publish” and there are still one or more fields to fill out, the validation should take the user automatically to the first of the not-filled fields. Check suggested wireframe added ("Validation_message_scrollintoview.png”).

          2. Page Builder Section, Edit Mode & Fields view:
          When the user clicks on “Publish” button and there are one or more fields to fill out, then the validation should take the user automatically to the first of the not-filled fields. Check suggested wireframe added. Check "Validation_PBuilder_Edit_&_Fields_mode.png".

          3. Page Builder Section, Edit Mode & Layout view:
          When the user clicks on “Publish” button and there are one or more fields to fill out, then an alert notice (red dot only, without icon) is displayed on top of Fields button (Layout/Fields switcher). Check "Validation_PBuilder_Edit_&_LP_mode.png".


          Animation/behavior for scrolling effect:
          - Suggestions to look up: https://caniuse.com/#feat=scrollintoview and http://jsfiddle.net/LL5S6/44/
          - It should have enough delay to show the user what’s happening (suggested >= .35 seconds) and understand the meaning of the interaction.
          - Position after scrolling effect performed: if current view has overflow content, then the validation effect should take the user to the first required field and position the view 50px from the top of the browser view.
          As today, when trying to publish a content item with a field not validating, below the fold line, the user see no error message and has no information what so ever and just can't get through publishing.
          This is not a bug from the sense of an error in the execution of the code, but it is clearly a bug from a user perspective (which is the perspective that really matter): it prevent the user from doing what he is trying to do, creating frustration and poor user experience.

          Previously, https://jira.ez.no/browse/EZP-29088 was a suggestion for improvements on how to best tackle this issue with a good animation. Great if we can implement this.
          However, at the very least, we need to give the issue a quick fix, without animation or naming of the field or link to the field but simply by having a mention on top of the page that there is an error, as shown attached:
           
          Roland Benedetti made changes -
          Reporter Inaki Juaniz-Velilla [ inaki.juaniz-velilla@ez.no ] Roland Benedetti [ roland.benedetti@ez.no ]
          Roland Benedetti made changes -
          Summary CLONE - As a user I want the validation error messages to indicate me which are the required fields Validation error messages not visible when tryng to publish content
          Roland Benedetti made changes -
          Summary Validation error messages not visible when tryng to publish content Validation error messages not visible when trying to publish content
          Sylvain Guittard made changes -
          Status Open [ 1 ] Confirmed [ 10037 ]
          Michał Szołtysek made changes -
          Labels design design v2.3
          Mateusz Bieniek made changes -
          Link This issue relates to EZP-29673 [ EZP-29673 ]
          Piotr Nalepa (Inactive) made changes -
          Assignee Piotr Nalepa [ piotr.nalepa@ez.no ]
          Piotr Nalepa (Inactive) made changes -
          Status Confirmed [ 10037 ] Backlog [ 10000 ]
          Piotr Nalepa (Inactive) made changes -
          Status Backlog [ 10000 ] Development [ 3 ]
          Hide
          Piotr Nalepa (Inactive) added a comment -

          PR created: https://github.com/ezsystems/ezplatform-admin-ui/pull/660

          This is the first iteration. When there's any bug on publish I'm displaying a generic information that there are errors in the content fields and I'm focusing on a first fieldtype container with error.

          Show
          Piotr Nalepa (Inactive) added a comment - PR created: https://github.com/ezsystems/ezplatform-admin-ui/pull/660 This is the first iteration. When there's any bug on publish I'm displaying a generic information that there are errors in the content fields and I'm focusing on a first fieldtype container with error.
          Piotr Nalepa (Inactive) made changes -
          Remote Link This issue links to "PR (Web Link)" [ 18616 ]
          Piotr Nalepa (Inactive) made changes -
          Status Development [ 3 ] Development Review [ 10006 ]
          Show
          Barbara Grajczyk added a comment - PR merged: https://github.com/ezsystems/ezplatform-admin-ui/commit/444d34b1ee11316b8801a3889bb5ddf06a5d4cad
          Barbara Grajczyk made changes -
          Assignee Piotr Nalepa [ piotr.nalepa@ez.no ]
          Status Development Review [ 10006 ] Closed [ 6 ]
          Fix Version/s 2.3.0 [ 14910 ]
          Resolution Fixed [ 1 ]
          Barbara Grajczyk made changes -
          Sprint [2.2] Sprint 3, Candidates for next sprint [ 103, 109 ] [2.2] Sprint 3 [ 103 ]
          Transition Time In Source Status Execution Times Last Executer Last Execution Date
          Open Open Confirmed Confirmed
          1h 26m 1 Sylvain Guittard 27/Sep/18 7:59 PM
          Confirmed Confirmed Backlog Backlog
          3d 15h 53m 1 piotr.nalepa@ez.no 01/Oct/18 11:52 AM
          Backlog Backlog Development Development
          2s 1 piotr.nalepa@ez.no 01/Oct/18 11:52 AM
          Development Development Development Review Development Review
          1d 10h 31m 1 piotr.nalepa@ez.no 02/Oct/18 10:23 PM
          Development Review Development Review Closed Closed
          13h 57m 1 Barbara Grajczyk 03/Oct/18 12:21 PM

            People

            • Assignee:
              Unassigned
              Reporter:
              Roland Benedetti
            • Votes:
              0 Vote for this issue
              Watchers:
              4 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved:

                Agile